/* @font-face{font-family:'SN Pro';src:url('../webfonts/SNPro.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap} */
/* @font-face{font-family:'Sora', sans-serif; font-weight: normal; font-style: normal; font-display: swap; } */

:root{--page-bg:#F5F2ED;--surface:#FFFFFF;--surface-soft:#FAF7F2;--surface-blue:#F2F1ED;--primary:#25282D;--primary-dark:#16181C;--primary-hover:#3B3F46;--secondary:#E99035;--text:#23272C;--text-secondary:#626870;--text-muted:#94999F;--border:#DED8CF;--border-strong:#C9C0B4;--success:#41B676;--danger:#D65454;--warning-bg:#FFF0D9;--warning-border:#E8B96B;--warning-text:#754E1D;--surface-glass:#FFFFFFE8;--surface-translucent:#FFFFFF22;--surface-translucent-border:#FFFFFF3C;--focus-ring:#E9903538;--shadow-inset:#25282D0A;--overlay:#16181C73;--teilen-wa:#1FAE55;--teilen-wa-hover:#25D366;--teilen-fb:#1877F2;--teilen-tlg:#229ED9;--teilen-mail:#5F6368;--teilen-active:#0000001A;--shadow-small:0 2px 8px #25282D14;--shadow-medium:0 10px 30px #25282D1C;--shadow-large:0 20px 50px #25282D28;--go-top:#E99035;--go-top-hover:#CF7722;--download:#41B676;--download-hover:#34A868;--download-dark:#278950;}

.bg {padding: 15px; border-radius:5px; background: var(--surface) ; margin-bottom: 15px; }
/* scrollbar */
html{scrollbar-width:thin;scrollbar-color:var(--primary) var(--page-bg);scrollbar-gutter:stable}
body::-webkit-scrollbar{width:12px}
body::-webkit-scrollbar-track{background:var(--page-bg);border-left:1px solid var(--border)}
body::-webkit-scrollbar-thumb{background:var(--primary);border:3px solid var(--page-bg);border-radius:5px}
body::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}
body::-webkit-scrollbar-thumb:active{background:var(--primary-hover)}
body::-webkit-scrollbar-corner{background:var(--page-bg)}
.side-panel{scrollbar-width:thin;scrollbar-color:var(--secondary) transparent}
.side-panel::-webkit-scrollbar{width:8px}
.side-panel::-webkit-scrollbar-track{background:transparent}
.side-panel::-webkit-scrollbar-thumb{background:var(--secondary);border:2px solid transparent;border-radius:5px;background-clip:padding-box}
.side-panel::-webkit-scrollbar-thumb:hover{background:var(--primary);border:2px solid transparent;background-clip:padding-box}
/* base */
*{background:transparent;margin:0;padding:0;outline:0;border:0;box-sizing:border-box}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
article,aside,figure,footer,header,nav,section,main{display:block}
img{max-width:100%;display:block}
button,input,select,textarea{font-family:'Sora',Arial,Tahoma,sans-serif;font-size:14px}
button{cursor:pointer}
html,body{height:100%}
html{scroll-behavior:smooth}
body{min-width:320px;background:var(--surface-soft);color:var(--text);font-size:14px;font-family:'Sora',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.layout-mid{min-height:100vh;display:flex;flex-direction:column;}
.layout-box{margin:0 auto;}
.body-layout{flex:1;width:100%;}
.section-main{height:100%;min-height:100vh;max-width:960px;margin:0 auto;padding:15px;background:var(--surface-blue);}

.footer-block{margin-top:auto;background:var(--surface-glass);border-top:1px solid var(--border);}
a{color:var(--text);text-decoration:none;transition:color .15s ease}
a:hover{color:var(--primary)}
.hidden{display:none}
.clearfix:after{content:"";display:table;clear:both}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wplayer{display:none}
::selection{background:var(--focus-ring);color:var(--text)}

h1 {font-size: 30px !important;}
h2 {font-size: 28px !important;}
h3 {font-size: 26px !important;}
h4 {font-size: 24px !important;}
h5 {font-size: 22px !important;}

button i {margin: 0px 5px;}

/* buttons and fields */
.button,.btn,.more-link,button:not(.find-action),html input[type="button"],input[type="reset"],input[type="submit"]{display:inline-flex;align-items:center;justify-content:center;height:42px;line-height:42px;padding:0 10px;background: var(--primary);border:1px solid var(--primary-dark);border-radius:5px;color:var(--surface);font-weight:700;text-align:center;box-shadow:0 6px 16px var(--focus-ring);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.button:hover,.btn:hover,.more-link:hover,button:not(.find-action):hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--surface);box-shadow:0 8px 20px var(--focus-ring);transform:translateY(-1px)}
.button:active,.btn:active,.more-link:active,button:not(.find-action):active,html input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{transform:translateY(0)}
input[type="text"],input[type="password"],input[type="email"],select,textarea{width:100%;background:var(--surface-blue);border:1px solid var(--border-strong);border-radius:5px;color:var(--text);box-shadow:inset 0 1px 2px var(--shadow-inset);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
input[type="text"],input[type="password"],input[type="email"],select{height:44px;line-height:44px;padding:0 12px}
textarea{min-height:100px;max-height:220px;padding:10px;resize:vertical}
input:focus,textarea:focus,select:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}
input::placeholder,textarea::placeholder{color:var(--text-muted)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}

/* header */
.header{	top:0;z-index:900;background:var(--surface);}
.header-inside{min-height:80px;display:flex;align-items:center;gap:20px; padding: 10px 15px; max-width: 960px;
    margin: 0 auto;}
.logotyp{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none}
.logotyp img{max-height:50px;display:block;object-fit:contain}
.logotyp span {color: var(--primary); font-size: 30px; font-weight: 700;}
.brand-text{display:inline-flex;align-items:flex-end;gap:10px;color:var(--primary);font-size:30px;font-weight:700;line-height:1;letter-spacing:-1px}
.header-suche{width:300px;max-width:100%;margin-left:auto}
.find-block{position:relative}
.find-block input{height:44px;padding-right:50px;background:var(--surface-soft);border-color:var(--border)}
.find-block input:focus{background:var(--surface)}
.find-action{position:absolute;right:0;top:0;width:44px;height:44px;background: var(--secondary);border:1px solid var(--secondary);border-radius:0 5px 5px 0;color:var(--surface);transition:background .15s ease}
.find-action:hover{background: var(--primary-hover);}
.menu-open{width:44px;height:44px;background:var(--primary);border-radius:5px;color:var(--surface);box-shadow:0 6px 16px var(--focus-ring)}
.welcome-intro{margin:0 0 25px;padding:0;color:var(--text-secondary);font-size:15px;line-height:24px}

/* layout */
.box-main{margin-bottom:20px}
.box-main:last-child,.bg:last-child {margin-bottom: 0 !important;}
.titel,.seite-header h1,.seite-header{margin-bottom:15px;color:var(--text);font-size:22px;font-weight:700;line-height:28px; text-align: left; }
.titel-small {margin-bottom: 15px; font-size: 22px !important; font-weight: 700;}
.light-panel{padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:5px}
.content-items-layout{color:var(--text-secondary);font-size:15px;line-height:24px}
.crumbs{display:flex;align-items:center;padding: 10px 15px; border: 1px solid (var(--border)); border-radius:5px; flex-wrap:wrap;gap:5px;margin-bottom:15px;color:var(--text-muted);box-shadow: var(--shadow-small);font-size:13px; background: var(--surface);}
.crumbs a{color:var(--text-secondary);font-size: 11px;    text-decoration: underline;}
.crumbs a:hover{color:var(--primary)}
.crumbs span{margin-right:0;color:var(--primary)}

/* hs */

.home-library-intro{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:25px;padding:25px;background:var(--surface-soft);border:1px solid var(--border);border-left:5px solid var(--secondary);border-radius:5px;overflow:hidden;box-shadow:var(--shadow-small);}
.home-library-intro-content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1;min-width:0;}
.home-library-intro-label{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:20px;color:var(--warning-text);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.home-library-intro .titel{margin:0!important;}
.home-library-intro .welcome-intro{max-width:900px;margin:0;}
.home-library-intro-side{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;flex:0 0 200px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--text);text-align:center;text-decoration:none;box-shadow:var(--shadow-small);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;}
.home-library-intro-side:hover{background:var(--surface-blue);border-color:var(--secondary);color:var(--text);box-shadow:var(--shadow-medium);transform:translateY(-2px);}
.home-library-intro-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--primary);border-radius:50%;color:var(--secondary);transition:background .15s ease,transform .15s ease;}
.home-library-intro-icon i{font-size:24px;}
.home-library-intro-side:hover .home-library-intro-icon{background:var(--primary-hover);transform:scale(1.04);}
.home-library-intro-side strong{color:var(--text);font-size:15px;font-weight:700;line-height:1.3;}
.home-library-intro-side span{color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1.4;}
.home-library-intro-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:4px;background:var(--surface-soft);border:1px solid var(--border);border-radius:50%;color:var(--secondary);font-size:13px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;}
.home-library-intro-side:hover .home-library-intro-arrow{background:var(--secondary);border-color:var(--secondary);color:var(--primary);transform:translateX(4px);}
@media(max-width:800px){.home-library-intro{flex-direction:column;padding:20px;}.home-library-intro-side{flex:0 0 auto;width:100%;flex-direction:row;justify-content:flex-start;text-align:left;}.home-library-intro-icon{flex:0 0 50px;width:50px;height:50px;}.home-library-intro-side strong{margin-left:5px;}.home-library-intro-arrow{margin-top:0;margin-left:auto;}}
@media(max-width:600px){.home-library-intro{gap:15px;padding:15px;border-left-width:4px;}.home-library-intro-side{display:grid;grid-template-columns:45px 1fr auto;gap:3px 10px;padding:12px;}.home-library-intro-icon{grid-row:1/3;width:45px;height:45px;}.home-library-intro-icon i{font-size:20px;}.home-library-intro-side strong{margin:0;}.home-library-intro-side span{grid-column:2;}.home-library-intro-arrow{grid-column:3;grid-row:1/3;align-self:center;margin:0;}}


/* fs */

.sound-player{display:flex;align-items:center;gap:15px;width:100%;margin:0 0 15px;padding:15px;background:var(--primary);border:0;border-radius:5px;box-shadow:var(--shadow-small);}
.sound-player__play{display:flex!important;align-items:center;justify-content:center;flex:0 0 50px;width:50px!important;height:50px!important;margin:0!important;padding:0!important;background:var(--secondary)!important;border:0!important;border-radius:50%!important;color:var(--primary-dark)!important;box-shadow:none!important;transition:background .15s ease,color .15s ease,transform .15s ease;}
.sound-player__play:hover{background:var(--surface)!important;color:var(--primary)!important;transform:scale(1.1);}
.sound-player__play:active{background:var(--secondary)!important;color:var(--primary-dark)!important;transform:scale(1);}
.sound-player__body{flex:1;min-width:0;}
.sound-player__time{display:flex;justify-content:space-between;margin:0 0 10px;color:var(--text-muted);font-size:12px;font-weight:600;}
.sound-player__seek{position:relative;height:5px;background:var(--primary-hover);border-radius:5px;cursor:pointer;}
.sound-player__progress{position:relative;width:0;height:100%;background:var(--secondary);border-radius:5px;}
.sound-player__progress:after{position:absolute;right:-5px;top:50%;width:10px;height:10px;background:var(--secondary);border:2px solid var(--surface);border-radius:50%;transform:translateY(-50%);content:"";}
.sound-player__volume{display:flex!important;align-items:center;justify-content:center;flex:0 0 40px;width:40px!important;height:40px!important;margin:0!important;padding:0!important;background:var(--primary-hover)!important;border:0!important;border-radius:50%!important;color:var(--surface)!important;box-shadow:none!important;transition:background .15s ease,color .15s ease,transform .15s ease;}
.sound-player__volume:hover{background:var(--secondary)!important;color:var(--primary-dark)!important;transform:scale(1.1);}
.sound-player__volume:active{transform:scale(1);}
.sound-player__volume .item-volume-icon{color:inherit;font-size:15px;}
@media(max-width:500px){.sound-player{gap:10px;padding:10px;}.sound-player__play{flex-basis:45px;width:45px!important;height:45px!important;}.sound-player__volume{flex-basis:35px;width:35px!important;height:35px!important;}}
.item-description{margin:0 0 15px;padding:15px;background:var(--surface-soft);border-left:5px solid var(--secondary);border-radius:5px;color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.6;}
.item-description p{margin:0;}

/* fv */

.favmod{cursor:pointer;}
.favmod-label-active{display:none;}
.favmod.active .favmod-label-add{display:none;}
.favmod.active .favmod-label-active{display:inline;}
.teilen-fav{background:#ff3a3a!important;border-color:var(--primary)!important;color:var(--surface)!important;}
.teilen-fav i{color:var(--danger);font-size:15px;transition:color .15s ease,transform .15s ease;}
.teilen-fav:hover{background:var(--danger)!important;border-color:var(--danger)!important;color:var(--surface)!important;}
.teilen-fav:hover i{color:var(--surface);transform:scale(1.1);}
.teilen-fav.active{background:var(--danger)!important;border-color:var(--danger)!important;color:var(--surface)!important;}
.teilen-fav.active i{color:var(--surface);}
.teilen-fav.active:hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important;color:var(--surface)!important;}
.teilen-fav.active:hover i{color:var(--danger);transform:scale(1.1);}

/* nav */
.top-menu:has(+ .section-main){margin-bottom:0;border-bottom:0;border-radius:5px 10px 0 0;}
.top-menu:has(+ .section-main)+.section-main{border-radius:0 0 10px 10px;}
.spisok-2{margin-bottom:20px;border-bottom:1px solid var(--border);}
.top-menu{position:relative;z-index:50;margin-bottom:0;background:var(--surface);border:1px solid var(--border);border-right:0;border-left:0;box-shadow:var(--shadow-small);}
.top-menu-list{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;max-width:960px;margin:0 auto;padding:0 10px;list-style:none;}
.top-menu-list>li>a{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 7px;color:var(--text);font-size:13px;font-weight:700;text-decoration:none;transition:background-color .15s ease,color .15s ease;}
.top-menu-list>li>a:hover,.top-menu-list>li:hover>a,.top-menu-list>li:focus-within>a{background:var(--surface-blue);color:var(--primary);}
.menu-has-children>a span{font-size:10px;transition:transform .15s ease;}
.menu-has-children{position:relative;}
.menu-has-children:hover>a span,.menu-has-children:focus-within>a span{transform:rotate(180deg);}
.menu-dropdown{position:absolute;top:100%;display:flex;flex-direction:column;width:250px;max-width:calc(100vw - 20px);margin:0;background:var(--surface);border:1px solid var(--border);border-radius:0 0 5px 5px;box-shadow:0 15px 35px var(--focus-ring);list-style:none;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .15s ease,visibility .15s ease,transform .15s ease;}
.menu-has-children:nth-child(3)>.menu-dropdown,.menu-has-children:nth-child(4)>.menu-dropdown,.menu-has-children:nth-child(5)>.menu-dropdown{left:0;right:auto;}
.menu-has-children:nth-child(n+4)>.menu-dropdown{right:0;left:auto;}
.menu-has-children:hover>.menu-dropdown,.menu-has-children:focus-within>.menu-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.menu-dropdown li{display:block;width:100%;}
.menu-dropdown li a{display:flex;align-items:center;width:100%;min-height:40px;border-bottom: 1px solid #e5e5e5;padding:5px 10px;border-radius:0;color:var(--text);font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s ease,color .15s ease;}
.menu-dropdown li a:hover{background:var(--surface-blue);color:var(--primary);}

@media(max-width:800px){
.top-menu-list{flex-direction:column;}
.top-menu-list>li{display:block;width:100%;}
.top-menu-list>li>a{justify-content:flex-start;min-height:44px;padding:0 15px;border-right:0;border-bottom:1px solid var(--border);border-radius:0;}
.menu-has-children>a{justify-content:space-between;}
.menu-dropdown{position:static;display:flex;width:100%;max-width:none;padding:5px 10px;background:var(--surface-soft);border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;}
.menu-has-children:nth-child(3)>.menu-dropdown,.menu-has-children:nth-child(4)>.menu-dropdown,.menu-has-children:nth-child(5)>.menu-dropdown,.menu-has-children:nth-child(n+6)>.menu-dropdown{right:auto;left:auto;}
.menu-dropdown li a{min-height:40px;padding:0 15px;}
.hide-mobile{border-bottom: 1px solid var(--border-strong) !important; }
.hide-mobile span {display: none;}
}

.optimize-text { margin: 30px auto; padding: 24px; background-color: var(--surface); border: 1px solid var(--border); border-radius:5px; color: var(--text-secondary); line-height: 1.6; }
.optimize-text h2 { font-size: 1.25rem; font-weight: 700; color: var(--text); margin-top: 0; margin-bottom: 12px; }
.optimize-text h3 { font-size: 1rem; font-weight: 600; color: var(--text); margin-top: 20px; margin-bottom: 10px; }
.optimize-text p { font-size: 0.95rem; margin-bottom: 12px; }
.optimize-text strong { color: var(--text); }
.optimize-text ul { list-style: none; padding-left: 0; margin: 12px 0; }
.optimize-text li { position: relative; padding-left: 24px; margin-bottom:10px; font-size: 0.95rem; }
.optimize-text li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--success); font-weight: bold; }


.hot-category{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;gap:12px;width:100%;margin:0 0 20px;}
.hot-category__card{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;width:calc((100% - 24px)/3);min-width:0;min-height:150px;padding:18px 15px;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--text);text-align:center;text-decoration:none;box-shadow:var(--shadow-small);transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;}
.hot-category__card:before{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--secondary);opacity:.35;content:"";transition:opacity .15s ease;}
.hot-category__card:hover{background:var(--surface-soft);border-color:var(--border-strong);color:var(--primary);box-shadow:var(--shadow-medium);transform:translateY(-2px);}
.hot-category__card:hover:before{opacity:1;}
.hot-category__image{display:block;flex:0 0 78px;width:78px;height:78px;padding:8px;box-sizing:border-box;background:var(--surface-blue);border:1px solid var(--border);border-radius:50%;object-fit:contain;transition:background .15s ease,border-color .15s ease,transform .15s ease;}
.hot-category__card:hover .hot-category__image{background:var(--surface);border-color:var(--secondary);transform:scale(1.04);}
.hot-category__label{display:-webkit-box;width:100%;min-width:0;max-width:100%;overflow:hidden;color:inherit;font-size:15px;font-weight:700;line-height:1.35;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:normal;hyphens:auto;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.hot-category--4 .hot-category__card{width:calc((100% - 36px)/4);}
.hot-category--5 .hot-category__card{width:calc((100% - 48px)/5);}
.hot-category--6 .hot-category__card{width:calc((100% - 60px)/6);}
.hot-category--7 .hot-category__card{width:calc((100% - 72px)/7);}
@media(max-width:1400px){
.hot-category--7 .hot-category__card{width:calc((100% - 60px)/6);}
}

@media(max-width:1200px){
.hot-category--6 .hot-category__card,.hot-category--7 .hot-category__card{width:calc((100% - 48px)/5);}
}

@media(max-width:1000px){
.hot-category--4 .hot-category__card,.hot-category--5 .hot-category__card,.hot-category--6 .hot-category__card,.hot-category--7 .hot-category__card{width:calc((100% - 24px)/3);}
}

@media(max-width:800px){
.hot-category__card,.hot-category--4 .hot-category__card,.hot-category--5 .hot-category__card,.hot-category--6 .hot-category__card,.hot-category--7 .hot-category__card{width:calc((100% - 24px)/3);min-height:145px;padding:15px 10px;}
.hot-category__image{flex-basis:68px;width:68px;height:68px;padding:7px;}
.hot-category__label{font-size:14px;}
}

@media(max-width:600px){
.hot-category{gap:8px;}
.hot-category__card,.hot-category--4 .hot-category__card,.hot-category--5 .hot-category__card,.hot-category--6 .hot-category__card,.hot-category--7 .hot-category__card{width:calc((100% - 8px)/2);min-height:135px;padding:13px 8px;}
.hot-category__image{flex-basis:58px;width:58px;height:58px;padding:6px;}
.hot-category__label{font-size:14px;line-height:1.3;}
}

@media(max-width:400px){
.hot-category__card,.hot-category--4 .hot-category__card,.hot-category--5 .hot-category__card,.hot-category--6 .hot-category__card,.hot-category--7 .hot-category__card{min-height:125px;}
.hot-category__image{flex-basis:52px;width:52px;height:52px;}
}


.primar-block {display:flex;flex-direction:column;gap:10px;}
.primar-block > .titel:not(:first-child) {margin-top:10px;}
.primar-block > .welcome-intro {max-width:960px;margin:0;}
.primar-cats {width:100%;}
.primar-text {gap:15px;}
.primar-text p {max-width:960px;margin:0;color:var(--text-secondary);font-size:15px;}
.primar-text p>a {text-decoration: underline; opacity: .9; }
.primar-text p>a:hover {text-decoration: underline; opacity: 1; color: #030712; }


.secondary-cat-popular{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:15px 0 10px;}
.secondary-cat-popular-title{display:flex;align-items:center;min-height:30px;padding:0 10px;border-radius:15px;color:var(--primary-dark);font-size:12px;font-weight:800;text-transform:uppercase;}
.secondary-cat-popular-list{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;margin:0;padding:0;}
.secondary-cat-popular-link{display:flex;align-items:center;gap:10px;min-height:35px;max-width:100%;padding:5px 15px;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:20px;color:var(--text);font-size:13px;font-weight:700;line-height:20px;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;}
.secondary-cat-popular-link span{min-width:0;white-space:normal;overflow-wrap:anywhere;}
.secondary-cat-popular-link i{flex:0 0 auto;color:var(--secondary);font-size:12px;transition:transform .15s ease;}
.secondary-cat-popular-link:hover{background:var(--secondary);border-color:var(--secondary);color:var(--primary-dark);transform:translateY(-1px);}
.secondary-cat-popular-link:hover i{color:var(--primary-dark);transform:translateX(2px);}
.secondary-cat-box{margin:15px 0 20px;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:5px;}
.secondary-cat-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:45px;padding:10px 15px;background:var(--surface-blue);color:var(--text);font-size:15px;font-weight:700;cursor:pointer;list-style:none;user-select:none;transition:background .15s ease,color .15s ease;}
.secondary-cat-toggle::-webkit-details-marker{display:none;}
.secondary-cat-toggle i{flex:0 0 auto;color:var(--secondary);font-size:14px;transition:transform .15s ease,color .15s ease;}
.secondary-cat-toggle:hover{background:var(--primary-hover);color:var(--surface);}
.secondary-cat-box[open] .secondary-cat-toggle{background:var(--primary);color:var(--surface);}
.secondary-cat-box[open] .secondary-cat-toggle i{color:var(--secondary);transform:rotate(180deg);}
.secondary-cat-content{padding:15px;background:var(--primary);}
.secondary-cat-content .secondary-cat-popular-list{gap:10px;}
.secondary-cat-content .secondary-cat-popular-link{background:var(--surface);border-color:var(--surface-translucent-border);color:var(--text);}
.secondary-cat-content .secondary-cat-popular-link i{color:var(--secondary);}
.secondary-cat-content .secondary-cat-popular-link:hover{background:var(--secondary);border-color:var(--secondary);color:var(--primary-dark);}
.secondary-cat-content .secondary-cat-popular-link:hover i{color:var(--primary-dark);}
@media(max-width:600px){.secondary-cat-popular{align-items:flex-start;gap:10px;margin:10px 0;}.secondary-cat-popular-title{width:auto;}.secondary-cat-popular-list{gap:5px;}.secondary-cat-popular-link{min-height:35px;padding:5px 10px;font-size:12px;}.secondary-cat-box{margin:10px 0 15px;}.secondary-cat-toggle{min-height:45px;padding:10px;font-size:14px;}.secondary-cat-content{padding:10px;}}

.fx-directory-page{display:flex;flex-direction:column;gap:20px;width:100%;margin:0;}
.fx-directory-head{display:flex;flex-direction:column;gap:10px;}
.subintro{margin:0;color:var(--text-secondary);font-size:15px;font-weight:600;}
.fx-directory-title{margin:0;color:var(--primary);font-size:40px;font-weight:700;line-height:1.15;}
.fx-directory-title:after{display:block;width:55px;height:4px;margin-top:10px;background:var(--secondary);border-radius:5px;content:"";}
.fx-quick-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:5px;}
.fx-quick-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:14px;font-weight:600;line-height:1.25;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.fx-quick-link:after{content:"↓";flex:0 0 auto;color:var(--secondary);font-size:14px;font-weight:700;}
.fx-quick-link:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--surface);}
.fx-quick-link:hover:after{color:var(--secondary);}
.fx-directory-intro{display:flex;flex-direction:column;gap:8px;padding:15px 18px;background:var(--surface-soft);border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);}
.fx-directory-intro p{margin:0;font-size:15px;font-weight:500;line-height:1.55;}
.fx-cluster-block{display:flex;flex-direction:column;width:100%;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:5px;box-shadow:var(--shadow-small);scroll-margin-top:100px;transition:border-color .15s ease,box-shadow .15s ease;}
.fx-cluster-block.is-open{border-color:var(--primary-hover);box-shadow:var(--shadow-medium);}
.fx-cluster-head{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:13px 15px;background:var(--primary-hover);transition:background .15s ease;}
.fx-cluster-block.is-open .fx-cluster-head{background:var(--primary);}
.fx-cluster-title{flex:1;margin:0!important;color:var(--surface)!important;font-size:20px!important;font-weight:700!important;line-height:1.25!important;}
.fx-cluster-toggle{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:36px;padding:6px 10px;background:var(--surface-translucent)!important;border:1px solid var(--surface-translucent-border)!important;border-radius:5px!important;color:var(--surface)!important;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.fx-cluster-toggle:hover{background:var(--surface)!important;border-color:var(--surface)!important;color:var(--primary)!important;}
.fx-cluster-toggle-arrow{display:block;color:var(--secondary);transition:transform .15s ease;}
.fx-cluster-toggle-arrow i{font-size:14px;}
.fx-cluster-toggle[aria-expanded="true"] .fx-cluster-toggle-arrow{transform:rotate(180deg);}
.fx-cluster-toggle-text{font-size:14px;}
.fx-cluster-content{padding:15px;background:var(--primary);border-top:1px solid var(--surface-translucent-border);}
.fx-subcat-list{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;}
.fx-subcat-item{display:flex;flex:0 0 calc((100% - 20px)/3);min-width:0;margin:0;padding:0;}
.fx-subcat-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--text);text-decoration:none;box-shadow:var(--shadow-small);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;}
.fx-subcat-card:hover{background:var(--surface-soft);border-color:var(--secondary);box-shadow:var(--shadow-medium);transform:translateY(-1px);}
.fx-subcat-content{display:flex;flex-direction:column;gap:4px;min-width:0;}
.fx-subcat-name{display:block;color:var(--text);font-size:15px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;}
.fx-subcat-count{display:block;color:var(--text-muted);font-size:13px;font-weight:500;}
.fx-subcat-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;background:var(--surface-soft);border:1px solid var(--border);border-radius:5px;color:var(--primary);transition:background .15s ease,border-color .15s ease,color .15s ease;}
.fx-subcat-arrow i{font-size:14px;}
.fx-subcat-card:hover .fx-subcat-arrow{background:var(--secondary);border-color:var(--secondary);color:var(--primary-dark);}
@media(max-width:1000px){
.fx-subcat-item{flex-basis:calc((100% - 10px)/2);}
.fx-directory-title{font-size:35px;}
}

@media(max-width:600px){
.fx-directory-page{gap:12px;}
.fx-directory-title{font-size:29px;}
.fx-quick-nav{flex-wrap:nowrap;overflow-x:auto;padding:10px;}
.fx-quick-link{flex:0 0 auto;}
.fx-directory-intro{padding:12px 14px;}
.fx-cluster-head{gap:10px;padding:11px 12px;}
.fx-cluster-title{font-size:18px!important;}
.fx-cluster-toggle{width:36px;min-width:36px;padding:5px;}
.fx-cluster-toggle-text{display:none;}
.fx-cluster-content{padding:10px;}
.fx-subcat-list{gap:8px;}
.fx-subcat-item{flex-basis:100%;}
.fx-subcat-card{min-height:58px;padding:9px 10px;}
}


.home-category-pills{width:100%;}
.home-category-pills-list{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;}
.home-category-pill-item{display:block;margin:0;padding:0;}
.home-category-pill{display:flex;align-items:center;min-height:36px;padding:6px 11px;background:var(--surface-soft);border:1px solid var(--border);border-radius:18px;color:var(--text);font-size:14px;font-weight:600;line-height:1.25;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;}
.home-category-pill:hover{background:var(--primary);border-color:var(--primary);color:var(--surface);transform:translateY(-1px);}
@media(max-width:600px){.home-category-pills-list{gap:6px;}.home-category-pill{min-height:34px;padding:5px 9px;font-size:13px;}}

/* bottom navigation */

.page-more{display:block;width:100%;clear:both;margin:20px 0;text-align:center;}
.more-loader{display:flex;width:100%;text-align:center;}
.more-loader i{margin-left:10px;}
.more-loader a{display:flex;align-items:center;justify-content:center;width:100%;height:50px;padding:0 20px;background:var(--secondary);border:1px solid var(--secondary);border-radius:5px;color:var(--primary-dark);font-size:15px;font-weight:700;text-decoration:none;box-shadow:var(--shadow-small);transition:background-color .15s ease,border-color .15s ease,color .15s ease;}
.more-loader a:hover{background:var(--primary);border-color:var(--primary);color:var(--surface);}
.more-loader a:active{background:var(--primary-dark);border-color:var(--primary-dark);color:var(--surface);}

.page-numbers{display:flex;justify-content:center;width:100%;margin-top:20px;padding-top:20px;border-top:1px solid var(--border);}
.page-numbers .navigation{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;gap:5px;width:100%;max-width:600px;}
.page-numbers .navigation a,.page-numbers .navigation span{display:flex;align-items:center;justify-content:center;flex:0 0 45px;height:45px;padding:0;background:var(--surface-soft);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:14px;font-weight:700;text-decoration:none;box-shadow:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease;}
.page-numbers .navigation a:hover{background:var(--surface);border-color:var(--secondary);color:var(--primary-dark);}
.page-numbers .navigation span:not(.nav_ext){background:var(--secondary);border-color:var(--secondary);color:var(--primary-dark);}
.page-numbers .navigation span.nav_ext{flex:0 0 40px;background:transparent;border-color:transparent;color:var(--text-muted);}
.page-numbers .navigation a[rel="prev"],.page-numbers .navigation a[rel="next"]{flex:0 0 60px;background:var(--primary);border-color:var(--primary);color:var(--surface);font-size:15px;}
.page-numbers .navigation a[rel="prev"]:hover,.page-numbers .navigation a[rel="next"]:hover{background:var(--secondary);border-color:var(--secondary);color:var(--primary-dark);}

#bottom-nav:empty,.more-loader:empty,#nav-load:empty{display:none;}
#nav-load span{display:none;}

@media(max-width:600px){.more-loader a{height:45px;font-size:14px;}.page-numbers{margin-top:15px;padding-top:15px;}.page-numbers .navigation{gap:5px;}.page-numbers .navigation a,.page-numbers .navigation span{flex-basis:40px;min-width:40px;height:40px;font-size:13px;}.page-numbers .navigation a[rel="prev"],.page-numbers .navigation a[rel="next"]{flex-basis:50px;font-size:14px;}.page-numbers .navigation span.nav_ext{flex-basis:30px;}}


/* cards */
.cards-board{display:flex;flex-wrap:wrap;gap:10px}

/* track page */

/* track page */
.item-page{display:block;width:100%;margin-bottom:20px;}
.item-card{position:relative;width:100%;margin:0 0 20px;padding:20px;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:5px;box-shadow:var(--shadow-small);}
.item-card:before{position:absolute;top:0;left:0;width:100%;height:5px;background:var(--secondary);content:"";}
.item-head{margin:0 0 20px;padding:5px 0 15px;border-bottom:1px solid var(--border);}
.item-type{display:inline-flex;align-items:center;gap:5px;margin:0 0 10px;padding:5px 10px;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:15px;color:var(--warning-text);font-size:12px;font-weight:700;line-height:20px;}
.item-type i{color:var(--secondary);font-size:12px;}
.item-head h1{margin:0;color:var(--text);font-size:28px!important;font-weight:800;line-height:35px;}
.item-layout{display:flex;flex-direction:column;gap:20px;width:100%;}
.item-player-area{display:flex;justify-content:center;flex-direction:column;min-width:0;padding:20px;background:var(--surface-blue);border:1px solid var(--border);border-radius:5px;}
.item-player{display:flex;align-items:center;gap:20px;width:100%;margin:0 0 15px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:5px;}
.item-play{display:flex!important;align-items:center;justify-content:center;flex:0 0 50px;width:50px!important;height:50px!important;margin:0!important;padding:0!important;background:var(--primary)!important;border:0!important;border-radius:50%!important;color:var(--surface)!important;box-shadow:none!important;transition:background .15s ease,color .15s ease,transform .15s ease;}
.item-play:hover{background:var(--secondary)!important;color:var(--primary-dark)!important;transform:translateY(-2px);}
.item-play:active{background:var(--primary-dark)!important;color:var(--surface)!important;transform:translateY(0);}
.item-player-body{flex:1;min-width:0;}
.item-time{display:flex;justify-content:space-between;margin:0 0 10px;color:var(--text-muted);font-size:12px;font-weight:600;}
.item-seek{position:relative;height:5px;background:var(--border);border-radius:5px;cursor:pointer;}
.item-progress{position:relative;width:0;height:100%;background:var(--secondary);border-radius:5px;}
.item-progress:after{position:absolute;right:-5px;top:50%;width:10px;height:10px;background:var(--secondary);border:2px solid var(--surface);border-radius:50%;transform:translateY(-50%);content:"";}
.item-volume{display:flex!important;align-items:center;justify-content:center;flex:0 0 40px;width:40px!important;height:40px!important;padding:0!important;background:var(--surface-soft)!important;border:1px solid var(--border)!important;border-radius:50%!important;color:var(--primary)!important;box-shadow:none!important;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.item-volume:hover{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--surface)!important;}
.item-volume-icon{color:inherit;font-size:15px;}
.item-downloads{display:flex;gap:10px;width:100%;max-width:960px;}
.item-download{display:flex;align-items:center;justify-content:center;gap:10px;width:50%;min-height:60px;padding:10px 20px;border:1px solid transparent;border-radius:5px;color:var(--surface);box-shadow:var(--shadow-small);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;}
.item-download>i{flex:0 0 auto;color:inherit;font-size:20px;}
.item-download>span{display:flex;align-items:flex-start;flex-direction:column;text-align:left;}
.item-download b{color:inherit;font-size:15px;font-weight:800;}
.item-download small{margin-top:0;color:inherit;font-size:10px;font-weight:500;opacity:.8;}
.item-download:hover{color:var(--surface);box-shadow:var(--shadow-medium);transform:translateY(-2px);}
.item-download:active{box-shadow:var(--shadow-small);transform:translateY(0);}
.item-download--mp3{background:var(--download);border-color:var(--download);}
.item-download--mp3:hover{background:var(--download-hover);border-color:var(--download-hover);}
.item-download--mp3:active{background:var(--download-dark);border-color:var(--download-dark);}
.item-download--m4r{background:var(--primary);border-color:var(--primary);}
.item-download--m4r:hover{background:var(--primary-hover);border-color:var(--primary-hover);}
.item-download--m4r:active{background:var(--primary-dark);border-color:var(--primary-dark);}
.item-info{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:5px;}
.item-info-title{padding:10px 15px;background:var(--primary);color:var(--surface);font-size:14px;font-weight:800;}
.item-info-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:45px;padding:10px 15px;border-bottom:1px solid var(--border);transition:background .15s ease;}
.item-info-row:last-child{border-bottom:0;}
.item-info-row:hover{background:var(--surface-soft);}
.item-info-row span{color:var(--text-secondary);font-size:13px;font-weight:500;}
.item-info-row b{color:var(--text);font-size:13px;font-weight:700;text-align:right;}
.item-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:20px 0 0;padding-top:15px;border-top:1px solid var(--border);}
.item-prev,.item-next{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 15px;background:var(--surface-soft);border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);font-size:13px;font-weight:700;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;}
.item-prev{justify-content:flex-start;}
.item-next{justify-content:flex-end;margin-left:auto;}
.item-prev i,.item-next i{color:var(--secondary);font-size:12px;}
.item-prev:hover,.item-next:hover{background:var(--primary);border-color:var(--primary);color:var(--surface);transform:translateY(-2px);}
.item-prev:hover i,.item-next:hover i{color:var(--secondary);}
.item-related,.item-lyrics{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:5px;box-shadow:var(--shadow-small);}
.item-titel{margin:0 0 15px;color:var(--text);font-size:20px!important;font-weight:800;line-height:30px;}
@media(max-width:600px){.item-card{padding:15px;}.item-head{margin-bottom:15px;padding-bottom:15px;}.item-head h1{font-size:22px!important;line-height:30px;}.item-layout{gap:15px;}.item-player-area{padding:10px;}.item-player{gap:10px;}.item-downloads{flex-direction:column;gap:10px;}.item-download{width:100%;min-height:55px;padding:10px 15px;}.item-download b{font-size:14px;}.item-info-row{min-height:40px;padding:10px;}.item-info-row span,.item-info-row b{font-size:12px;}.item-info-title{padding:10px;font-size:13px;}.item-nav{gap:10px;}.item-prev,.item-next{flex:1;min-width:0;padding:0 10px;font-size:12px;}.item-related,.item-lyrics{padding:15px;}.item-titel{font-size:18px!important;line-height:25px;}}
@media(max-width:500px){.item-play{flex-basis:45px;width:45px!important;height:45px!important;}.item-volume{flex-basis:35px;width:35px!important;height:35px!important;}}
@media(max-width:400px){.item-prev span,.item-next span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.item-info-row{gap:10px;}}

/* element */
.card-small{position:relative;display:flex;align-items:stretch;width:calc((100% - 15px)/2);/*width:calc((100% - 30px)/3);*//*width:calc((100% - 45px)/4);*/overflow:hidden;background:var(--surface-blue);border:1px solid var(--border-strong);border-radius:5px;box-shadow:var(--shadow-small);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;}
.card-small:hover{border-color:var(--secondary);box-shadow:var(--shadow-medium);transform:translateY(-1px);}
.card-small__playbox{display:flex;align-items:center;justify-content:center;flex:0 0 60px;background:var(--surface);border-right:1px solid var(--border-strong);}
.card-small__play{display:flex!important;align-items:center;justify-content:center;width:60px!important;height:60px!important;margin:0!important;padding:0!important;background:var(--primary)!important;border:0!important;border-radius:5px 0px 0px 5px!important;color:var(--surface)!important;box-shadow:none!important;transition:background-color .15s ease,color .15s ease;}
.card-small__play:hover{background:var(--secondary)!important;color:var(--primary-dark)!important; transform: none !important; }
.card-small__play:active{background:var(--secondary)!important;color:var(--primary-dark)!important;}
.card-small__play span{margin-left:2px;color:inherit;font-size:14px;}
.card-small.js-item-played .card-small__play,.card-small.js-current .card-small__play{background:var(--secondary)!important;color:var(--primary-dark)!important;}
.card-small.js-item-played .fa-play:before{content:"\f04c";color:inherit;}
.card-small__body{display:flex;gap: 5px;align-items:flex-start;justify-content:center;flex-direction:column;flex:1;min-width:0;padding:0px 15px;}
.card-small__caption{display:flex;align-items:flex-start;flex-direction:column;width:100%;min-width:0;color:var(--text);text-align:left;text-decoration:none;}
.card-small__caption span{display:block;width:100%;margin-bottom:5px;overflow:hidden;color:var(--text-secondary);font-size:12px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;}
.card-small__caption b{display:block;width:100%;overflow:hidden;color:var(--text);font-size:16px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;transition:color .15s ease;}
.card-small__caption:hover b{color:var(--primary-hover);}
.card-small__save{display:inline-flex;align-items:center;justify-content:flex-start;justify-content: flex-end;    width: 100%;gap:5px;color:var(--primary);font-size:12px;font-weight:600;text-decoration:none;transition:color .15s ease;}
.card-small__save span{color:var(--secondary);font-size:12px;}
.card-small__save:hover{color:var(--secondary);}
@media(max-width:900px){.card-small{width:100%;}}
@media(max-width:400px){.card-small__playbox{flex-basis:50px;}.card-small__play{width:30px!important;height:30px!important;border-radius:5px!important;}.card-small__body{padding:10px;}.card-small__caption b{font-size:14px;}.card-small__caption span{font-size:10px;}.card-small__save{font-size:10px;}}

/* search */
form{width:100%}
#fullsearch{width:100%}
.search-table{margin-bottom:15px}
.notice-box,.berrors{padding:15px;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:5px;color:var(--warning-text);line-height:22px}

/* feedback */
.form-box{max-width:720px}
.form-box h1{margin-bottom:15px;color:var(--text);font-size:22px;font-weight:700}
.form-row{margin-bottom:15px}
.form-row label{display:block;margin-bottom:6px;color:var(--text);font-size:14px;font-weight:700}
.form-cell{display:block}
.form-hint{margin-bottom:10px;color:var(--text-secondary)}
.form-send,.comment-send{margin-top:15px}

.feedbk-page,.warn-page{display:block;width:100%;max-width: 960px;}
.feedbk-page,.warn-page:last-child {margin:0px auto !important;}
.basic-box{width:100%;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:5px;box-shadow:var(--shadow-small)}
.basic-head{margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid var(--border)}
.basic-head h1{margin:0 0 7px;color:var(--text);font-size:28px!important;font-weight:700}
.basic-head p{max-width:850px;margin:0;color:var(--text-secondary);font-size:15px;line-height:24px}

.feedbk-grid{display:flex;gap:15px}
.feedbk-grid .form-row{flex:1}
.feedbk-page .form-row{margin:0 0 16px}
.feedbk-page .form-row label{display:block;margin:0 0 7px;color:var(--text);font-size:13px;font-weight:700}
.feedbk-page input,.feedbk-page select,.feedbk-page textarea{width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:5px;color:var(--text)}
.feedbk-page input,.feedbk-page select{height:44px;padding:0 12px}
.feedbk-page textarea{min-height:160px;padding:10px;line-height:22px;resize:vertical}
.feedbk-page input:focus,.feedbk-page select:focus,.feedbk-page textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}
.feedbk-security{margin:5px 0 18px;padding:15px;background:var(--surface-soft);border:1px solid var(--border);border-radius:5px}
.feedbk-security .form-row:last-child{margin-bottom:0}
.feedbk-security .form-hint{margin:0 0 8px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);font-size:13px}
.feedbk-captcha{display:flex;align-items:center;gap:10px}
.feedbk-captcha input{flex:1}
.feedbk-captcha img{display:block;max-height:55px;width:auto;border-radius:5px}
.feedbk-bottom{display:flex;align-items:center;justify-content:space-between;flex-direction: row-reverse;gap:20px;padding-top:18px;border-top:1px solid var(--border)}
.feedbk-note{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:13px;line-height:20px}
.feedbk-note i{color:var(--primary)}
.feedbk-bottom button{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 5px;background:var(--primary);border:1px solid var(--primary);border-radius:5px;color:var(--surface);font-size:14px;font-weight:700}
.feedbk-bottom button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.feedbk-mail{display:flex;align-items:center;gap:10px;margin-top:15px;padding:15px 18px;background:var(--surface-soft);border:1px solid var(--border);border-radius:5px}
.feedbk-mail>i{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;background:var(--surface-blue);border-radius:50%;color:var(--primary)}
.feedbk-mail div{display:flex;flex-direction:column;gap:2px}
.feedbk-mail span{color:var(--text-muted);font-size:12px}
.feedbk-mail a{color:var(--primary);font-size:15px;font-weight:700}

.warn-page .basic-box>p{margin:0 0 16px;color:var(--text-secondary);font-size:15px;line-height:25px}
.warn-page h2{margin:28px 0 10px;padding:0;color:var(--text);font-size:20px!important;font-weight:700;line-height:28px}
.warn-highlight,.warn-notice,.warn-warning{display:flex;align-items:flex-start;gap:14px;margin:18px 0;padding:16px;border-radius:5px}
.warn-highlight{background:var(--surface-blue);border:1px solid var(--border-strong)}
.warn-notice{background:var(--surface-soft);border:1px solid var(--border)}
.warn-warning{background:var(--warning-bg);border:1px solid var(--warning-border)}
.warn-highlight>i,.warn-notice>i,.warn-warning>i{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--primary);font-size:15px}
.warn-warning>i{color:var(--go-top-hover)}
.warn-highlight div,.warn-notice div{flex:1;min-width:0}
.warn-highlight strong,.warn-notice strong{display:block;margin:0 0 4px;color:var(--text);font-size:15px}
.warn-highlight p,.warn-notice p,.warn-warning p{margin:0;color:var(--text-secondary);font-size:14px;line-height:23px}
.warn-list{display:flex;flex-direction:column;gap:7px;margin:12px 0 20px;padding:0;list-style:none}
.warn-list li{position:relative;padding-left:25px;color:var(--text-secondary);font-size:14px;line-height:23px}
.warn-list li:before{content:"\f00c";position:absolute;left:0;top:3px;color:var(--success);font-family:"Font Awesome 5 Pro";font-size:12px;font-weight:900}
.warn-contact{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;background:var(--primary-dark);border-radius:5px}
.warn-contact>div{display:flex;flex-direction:column;gap:3px}
.warn-contact>div>strong {color: #fff;}
.warn-contact span{color:var(--surface-blue);font-size:12px}
.warn-contact div a{color:var(--surface);font-size:16px;font-weight:700}
.warn-contact__button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;background:var(--surface);border-radius:5px;color:var(--primary)!important;font-size:13px;font-weight:700}

@media(max-width:700px){
.feedbk-grid{flex-direction:column;gap:0}
.feedbk-bottom{align-items:stretch;flex-direction:column}
.feedbk-bottom button{width:100%}
.warn-contact{align-items:stretch;flex-direction:column}
.warn-contact__button{width:100%}
}

@media(max-width:600px){
.basic-box{padding:15px}
.basic-head{margin-bottom:18px;padding-bottom:15px}
.basic-head h1{font-size:22px!important}
.basic-head p{font-size:14px;line-height:22px}
.feedbk-security{padding:10px}
.feedbk-captcha{align-items:flex-start;flex-direction:column}
.warn-page h2{margin-top:23px;font-size:18px!important}
.warn-highlight,.warn-notice,.warn-warning{gap:10px;padding:10px}
.warn-highlight>i,.warn-notice>i,.warn-warning>i{flex-basis:34px;width:34px;height:34px}
}


/* comments */
.comments-wrap{margin-top:20px}
.add-comments{margin-bottom:20px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:5px;box-shadow:var(--shadow-small)}
.comments-title{margin-bottom:15px;color:var(--text);font-size:20px;font-weight:700}
.comment-fields{display:flex;gap:10px;margin-bottom:10px}
.comment-fields input{flex:1}
.comment-editor{margin-bottom:15px}
.comment-editor textarea{width:100%;min-height:130px;padding:10px;background:var(--surface-soft);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:14px;line-height:22px;resize:vertical;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
.comment-editor textarea:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}
.comment-protect{margin-top:15px;padding:15px;background:var(--surface-soft);border:1px solid var(--border);border-radius:5px}
.comment-protect .form-row{margin:0}
.comment-protect label{display:block;margin-bottom:10px;color:var(--text);font-size:13px;font-weight:700}
.comment-protect .form-cell{display:flex;align-items:center;gap:10px}
.comment-protect input{flex:1;min-width:0;height:80px;background:var(--surface);border:1px solid var(--border-strong);border-radius:5px;color:var(--text)}
.comment-protect input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}
.comment-protect .form-cell>a{display:flex;align-items:center;justify-content:center;flex:0 0 160px;width:160px;height:80px;overflow:hidden;background:var(--surface);border:1px solid var(--border-strong);border-radius:5px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.comment-protect .form-cell>a:hover{border-color:var(--secondary);box-shadow:var(--shadow-small);transform:translateY(-1px)}
.comment-protect #dle-captcha{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}
.comment-protect #dle-captcha img{display:block;width:100%;height:100%;object-fit:cover}
.comment-send{display:flex;justify-content:flex-start;margin-top:15px}
.comment-send button{display:flex;align-items:center;justify-content:center;gap:10px;min-width:150px;height:40px;padding:0 20px;background:var(--primary);border:1px solid var(--primary);border-radius:5px;color:var(--surface);font-size:14px;font-weight:700;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.comment-send button:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-medium);transform:translateY(-1px)}
.comment-send button i{margin:0;color:inherit}

.comment-item{display:flex;gap:10px;margin-bottom:10px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:5px;box-shadow:var(--shadow-small)}
.comment-photo{width:50px;height:50px;flex:0 0 50px}
.comment-photo img{width:50px;height:50px;object-fit:cover;border-radius:5px}
.comment-body{flex:1;min-width:0}
.comment-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;color:var(--text-muted);font-size:13px}
.comment-author{color:var(--primary);font-weight:700}
.comment-text{margin-bottom:10px;color:var(--text-secondary);line-height:22px}
.comment-tools{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:13px}
.comment-rate{display:flex;align-items:center;gap:5px}
.reply{color:var(--primary);cursor:pointer}
.reply:hover{color:var(--secondary)}
.last-comment-link{margin-bottom:10px;font-weight:700}

@media(max-width:600px){
.comment-fields{flex-direction:column;gap:10px}
.add-comments{padding:15px}
.comment-protect{padding:10px}
.comment-protect .form-cell{align-items:stretch;flex-direction:column}
.comment-protect .form-cell>a{flex:0 0 55px;width:160px;height:55px}
.comment-send button{width:100%}
}

@media(max-width:420px){
.comment-item{gap:10px;padding:10px}
.comment-photo{width:42px;height:42px;flex-basis:42px}
.comment-photo img{width:42px;height:42px}
}

/* footer */

.footer-block{background:var(--surface-glass);border-top:1px solid var(--border);padding:20px 15px;}
.footer-inside{display:flex;gap:40px;max-width:960px;margin:0 auto;}
.footer-column{display:flex;flex-direction:column;gap:10px;width:50%;margin:0;padding:0;list-style:none;}
.footer-column li{margin:0;padding:0;}
.footer-column a{color:var(--text-secondary);font-size:14px;font-weight:600;text-decoration:none;}
.footer-column a:hover{color:var(--secondary);}
@media(max-width:600px){.footer-inside{flex-direction:column;gap:20px;}.footer-column{width:100%;}}

/* go top */
.go-top{position:fixed;right:20px;bottom:15px;z-index:50;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0!important;background:var(--go-top) !important;border:1px solid var(--go-top) !important;border-radius:50%!important;color:var(--surface) !important;box-shadow:var(--shadow-medium) !important;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.go-top:hover{background:var(--go-top-hover) !important;border-color:var(--go-top-hover) !important;color:var(--surface);transform:translateY(-2px)}

/* mobile panel */
.btn-menu{display:none}
.btn-menu i {font-size: 18px !important;}
.overlay-box{display:none;position:fixed;left:0;top:0;z-index:9998;width:100%;height:100%;background:var(--overlay);}
.side-panel{position:fixed;left:-320px;top:0;z-index:9999;width:320px;height:100%;padding:10px;overflow-x:hidden;overflow-y:auto;background:url(../media/b1.png) repeat;border-right:1px solid var(--border);box-shadow:20px 0 50px var(--focus-ring);transition:left .25s ease;}
.side-panel.active{left:0}
.btn-close{position:fixed;left:320px;top:-44px;z-index:10000;width:44px;height:44px;background:var(--primary);border-radius:0 0 10px 0;color:var(--surface);font-size:18px;line-height:44px;text-align:center;opacity:0;cursor:pointer;transition:top .25s ease,opacity .25s ease}
.btn-close.active{top:0;opacity:1}
body.opened-menu{width:100%;height:100%;overflow:hidden}
.side-panel .top-menu{display:block!important;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:5px;box-shadow:var(--shadow-small)}
.side-panel .top-menu ul{display:block!important;margin:0;padding:0}
.side-panel .top-menu li{display:block;border-bottom:1px solid var(--border)}
.side-panel .top-menu li:last-child{border-bottom:0}
.side-panel .top-menu a{display:flex;align-items:center;height:44px;padding:0 15px;background:var(--surface);border:0;color:var(--text);font-size:14px;font-weight:700;text-align:left}
.side-panel .top-menu a:hover{background:var(--surface-blue);color:var(--primary)}
.side-panel .spisok-2{border-top:1px solid var(--border)}

/* teilen */

.teilen{display:flex;flex-direction:column;width:100%;margin:20px 0 0;padding:0;background:transparent;border:0;}
.teilen__top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 10px;padding:0;border:0;}
.teilen__text{display:flex;flex:1;min-width:0;}
.teilen__title{margin:0;color:var(--text-secondary);font-size:14px;font-weight:600;}

.teilen__stats{display:flex;align-items:center;height:35px;overflow:hidden;background:var(--surface-soft);border:1px solid var(--border);border-radius:5px;}
.teilen__rating,.teilen__votes{display:flex;align-items:center;gap:8px;height:100%;padding:0 10px;background:transparent;border:0;}
.teilen__stats>*+*{border-left:1px solid var(--border);}
.teilen__rating span,.teilen__votes span{color:var(--text-secondary);font-size:12px;font-weight:600;white-space:nowrap;}
.teilen__stars{display:flex;align-items:center;}
.teilen__stars .unit-rating{margin:0;}
.teilen__votes b{color:var(--primary);font-size:13px;font-weight:800;}


/* .teilen__stats{display:flex;align-items:center;gap:10px;}
.teilen__rating,.teilen__votes{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;background:var(--surface-soft);border:1px solid var(--border);border-radius:5px;}
.teilen__rating span,.teilen__votes span{color:var(--text-secondary);font-size:12px;font-weight:600;white-space:nowrap;}
.teilen__stars{display:flex;align-items:center;}
.teilen__stars .unit-rating{margin:0;}
.teilen__votes b{color:var(--primary);font-size:14px;font-weight:700;} */
.teilen__list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:7px;width:100%;margin:0;padding:0;}
.teilen__btn{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:5px!important;color:#fff!important;font-size:0!important;text-decoration:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transition:background-color .15s ease!important;}
.teilen__btn i{display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;color:#fff!important;font-size:20px!important;opacity:1!important;visibility:visible!important;}
.teilen__btn span{display:none!important;}
.teilen-native{background:#252A30!important;}
.teilen-native:hover{background:#3A4048!important;color:#fff!important;}
.teilen-wa{background:#25D366!important;}
.teilen-wa:hover{background:#1FAE55!important;color:#fff!important;}
.teilen-fb{background:#4267B2!important;}
.teilen-fb:hover{background:#34589A!important;color:#fff!important;}
.teilen-tlg{background:#229ED9!important;}
.teilen-tlg:hover{background:#168AC2!important;color:#fff!important;}
.teilen-mail{background:#6B7075!important;}
.teilen-mail:hover{background:#50555A!important;color:#fff!important;}
.teilen-copy{background:#D6A621!important;}
.teilen-copy:hover{background:#BF9017!important;color:#fff!important;}
.teilen__btn.is-copied{background:#43B56B!important;color:#fff!important;}
@media(max-width:760px){ .bew {display: none;} .teilen__top{align-items:flex-start;flex-direction:column;gap:10px;}.teilen__stats{justify-content:flex-start;}}
/* responsive */
@media(max-width:1200px){.song-card{width:calc((100% - 40px)/5)}}
@media(max-width:1000px){.song-card{width:calc((100% - 30px)/4)}}
@media(max-width:800px){.hidden.menu-open,.menu-open.hidden{display:flex} .bg, .basic-box {border-radius: 0;} .header-inside{height:auto;flex-wrap:wrap}.logotyp{font-size:20px}.header-suche{width:100%;order:3} .body-layout {padding: 10px 0 20px; }.section-main{padding:0px}.btn-menu{display:flex!important;align-items:center;justify-content:center;width:auto;padding: 0px 10px;
        gap: 10px;height:44px;margin-left:auto;background:var(--secondary);border:1px solid var(--secondary);border-radius:5px;color:var(--surface);font-size:15px;cursor:pointer;box-shadow:0 6px 16px var(--focus-ring)}.btn-menu:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.header-inside{gap:10px}.top-menu.to-mob{display:none}}
@media(max-width:600px){body{font-size:14px}.body-layout{padding:10px 0 20px}.logotyp img{max-height:55px;}.brand-text{font-size:24px}.footer-inside{flex-direction:column;align-items:flex-start;gap:10px;padding:15px;}.tone-hero{padding:18px 12px}.tone-titlebar{display:block}.tone-play{margin:0 auto 15px}.tone-titlebar h1{font-size:22px;line-height:28px}.tone-meta{line-height:20px}.tone-meta span{display:inline}.tone-actions{gap:10px}.tone-download{padding:0 15px;font-size:14px}.comment-fields{display:block}.comment-fields input{margin-bottom:10px}.comment-item{align-items:flex-start}.teilen-btn{width:40px;height:40px;font-size:14px}.go-top{right:12px;bottom:12px}}

@media(max-width:380px){.side-panel{left:-280px;width:280px}.btn-close{left:280px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}