/*
Theme Name: Retro Magazin 80 90
Theme URI: https://retro.80-90.de/
Author: 80-90.de
Description: Eigenständiges Classic Theme für das 80-90.de Retro-Magazin.
Version: 1.2.1
Text Domain: retro-magazin-80-90
*/
:root{--bg:#071019;--panel:#151a20;--paper:#f5f7f8;--ink:#101827;--muted:#68717d;--gold:#f2c64b;--line:#293440;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{background:#071019;color:#fff;border-bottom:1px solid #253442}.header-visual{width:100%;height:440px;background:#071019;position:relative;overflow:hidden}.header-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.header-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 42%,rgba(3,8,13,.18) 68%,rgba(3,8,13,.72) 100%);pointer-events:none;z-index:1}.header-top{position:relative;z-index:2;width:100%;height:305px;margin:0}.brand{position:absolute;inset:0;display:block;z-index:3;pointer-events:none}.header-logo-image{position:absolute;top:34px;left:50%;width:700px;height:auto;max-width:52vw;transform:translateX(-50%);display:block;pointer-events:auto}.header-search{position:absolute;left:calc(50% + 125px);right:auto;bottom:-35px;transform:translateX(-50%);width:380px;height:48px;display:flex;align-items:stretch;background:linear-gradient(135deg,rgba(10,16,28,.96),rgba(38,25,55,.94));border:1px solid rgba(242,198,75,.7);border-radius:7px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.42)}.search-icon{width:46px;display:grid;place-items:center;color:var(--gold);font:29px/1 Arial}.header-search input{min-width:0;flex:1;background:transparent;border:0;color:#fff;padding:0 7px;font:14px Arial;outline:0}.header-search input::placeholder{color:#d5d9dd}.header-search button{border:0;background:var(--gold);color:#151515;padding:0 18px;font:bold 14px Arial;cursor:pointer}.header-social-links{position:absolute;right:24px;top:22px;display:flex;gap:10px;z-index:5}.header-social-links a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(242,198,75,.8);border-radius:50%;background:rgba(4,10,16,.82);color:#fff;font:bold 23px/1 Arial;transition:background .2s,color .2s}.header-social-links a:hover{background:var(--gold);color:#071019}.category-strip{position:absolute;z-index:2;left:50%;bottom:0;transform:translateX(-50%);width:min(980px,calc(100% - 40px));height:60px;display:flex;align-items:center;justify-content:center;gap:19px;white-space:nowrap}.category-strip a{color:#fff;font:700 15px Arial;letter-spacing:.02em;text-shadow:0 2px 4px #000}.category-strip a:hover{color:var(--gold)}.category-strip i{width:2px;height:22px;background:var(--gold);display:block;opacity:.9}.main-nav{height:70px;background:linear-gradient(180deg,#0c1720,#071019);border-top:1px solid #354452;border-bottom:1px solid #253442}.nav-inner{width:min(1180px,100%);height:100%;margin:auto}.retro-menu{display:flex;align-items:stretch;justify-content:space-between;height:100%;margin:0;padding:0;list-style:none}.retro-menu li{display:flex;align-items:stretch;flex:0 0 auto}.retro-menu li a{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;color:#f1f3f5;font:700 14px Arial;border-bottom:4px solid transparent;white-space:nowrap;touch-action:manipulation}.retro-menu li a{display:flex;align-items:center;gap:8px}.retro-menu .retro-nav-icon{display:inline-flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:20px;font-weight:700;line-height:1;width:22px;height:22px;flex:0 0 22px}.retro-menu li a:hover,.retro-menu li.current-menu-item a,.retro-menu li.current_page_item a{color:var(--gold);border-bottom-color:var(--gold)}.mobile-menu-toggle{display:none}.site-main{min-height:55vh;background:var(--paper)!important}

.hero-wrap{background:var(--paper);padding:18px 0 28px;border-bottom:1px solid #d8dde2}.hero-slider{position:relative}.hero-slider .hero-slide{display:none!important}.hero-slider .hero-slide.is-active{display:grid!important}.hero-slider-dots{position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);display:flex;gap:7px;z-index:4}.hero-slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#aeb6be;cursor:pointer}.hero-slider-dots button.is-active{background:var(--gold);transform:scale(1.25)}.hero{width:min(var(--max),calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.hero-copy{padding:10px 0}.eyebrow,.section-kicker,.post-meta{font:700 11px Arial;letter-spacing:.13em;text-transform:uppercase;color:#a77b27}.hero h1{margin:8px 0 12px;color:var(--ink);font:800 clamp(32px,4vw,54px)/1.02 Arial;letter-spacing:-.025em}.hero p{margin:0 0 18px;color:#59626c;font:14px/1.5 Arial;max-width:650px}.hero-image{border:1px solid #34414d;border-radius:8px;overflow:hidden}.hero-image img{width:100%;height:auto;aspect-ratio:auto;object-fit:initial;object-position:center;background:transparent}.button{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border-radius:4px;font:700 13px Arial}.button-gold{background:var(--gold);color:#19150f}.button-outline{border:1px solid var(--gold);color:#8a681d}
.section{width:min(var(--max),calc(100% - 40px));margin:auto;padding:55px 0}.section-heading{max-width:800px;margin-bottom:28px}.section-heading h1,.section-heading h2{margin:6px 0 10px;font:800 clamp(32px,4vw,48px)/1.05 Arial;color:var(--ink);letter-spacing:-.025em}.section-heading p{margin:0;color:#68717d;font:16px/1.6 Arial}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{background:#20272d;color:#f3f5f7;border:1px solid #4a5662;border-radius:9px;padding:24px;min-height:205px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .18s ease,border-color .18s ease}.category-card:hover{transform:translateY(-3px);border-color:var(--gold)}.cat-icon{font:700 10px Arial;letter-spacing:.15em;color:var(--gold);margin-bottom:auto}.category-card strong{font:800 22px/1.1 Arial}.category-card small{margin-top:7px;color:#aeb6be;font:13px Arial}.category-card p{margin:12px 0 0;color:#c3cbd2;font:13px/1.55 Arial}.post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.post-card{background:#20252a;border:1px solid #4a535c;border-radius:8px;overflow:hidden;color:#f5f7f9;display:flex;flex-direction:column}.post-card .post-thumb{display:block!important;background:#242a2f;aspect-ratio:auto!important;width:100%;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:hidden;line-height:0}.post-card .post-thumb.no-image-card{aspect-ratio:auto!important;height:200px!important;display:grid;place-items:center;background:linear-gradient(135deg,#27313a,#151a20)}.post-card .post-thumb img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;transition:filter .25s}.post-card:hover .post-thumb img{filter:brightness(1.04)}.no-image{height:100%;display:grid;place-items:center;color:var(--gold);font:bold 30px Arial}.post-card-body{padding:17px;display:flex;flex-direction:column;flex:1}.post-meta{color:#aeb5bc;letter-spacing:.07em;font-size:10px}.post-card h2,.post-card h3{margin:8px 0;font:800 19px/1.15 Arial;color:#fff}.post-card h2 a:hover,.post-card h3 a:hover{color:var(--gold)}.post-card p{margin:0 0 14px;color:#b9c0c7;font:13px/1.55 Arial}.read-more{margin-top:auto;color:var(--gold);font:700 12px Arial}.memory-band{width:min(var(--max),calc(100% - 40px));margin:0 auto 55px;background:#182027;border:1px solid #4a5662;border-radius:9px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#eee}.memory-band h2{margin:6px 0 8px;color:var(--gold);font:800 clamp(28px,3.5vw,44px)/1 Arial}.memory-band p{margin:0;color:#aeb6be;font:16px/1.55 Arial}
.site-footer{background:#0b1116;color:#9fa8b0;border-top:1px solid #293541;padding:34px 0 16px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer-brand{color:var(--gold);font:800 26px Arial;margin-bottom:10px}.site-footer p{max-width:520px;font:14px/1.6 Arial;margin:0}.site-footer h3{margin:0 0 9px;color:#e8edf1;font:700 15px Arial}.site-footer a{display:block;color:#9fa8b0;font:13px/1.9 Arial}.site-footer a:hover{color:#fff}.footer-bottom{margin-top:28px;padding-top:13px;border-top:1px solid #2b343d;font:11px Arial;color:#707982}.article{width:min(920px,calc(100% - 40px));margin:auto;padding:60px 0 85px}.article-head{text-align:center;margin-bottom:32px}.article-head h1{margin:9px auto 14px;color:var(--ink);font:800 clamp(34px,4.5vw,58px)/1.03 Arial;letter-spacing:-.03em}.article-tax{font:13px Arial;color:#777}.article-image{margin-bottom:36px;border-radius:9px;overflow:hidden}.article-content{font:18px/1.8 Georgia,serif;color:#292d33}.article-content h2{font:800 32px/1.1 Arial;margin-top:40px}.article-content h3{font:800 24px/1.2 Arial}.article-content figure{margin:32px 0}.article-content img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}.article-content figcaption{margin-top:9px;color:#777;font:12px/1.5 Arial;text-align:center}.article-content a{color:#936d21;text-decoration:underline}.article-end{margin-top:45px;padding-top:22px;border-top:1px solid #d3d9de}.archive-section{padding-top:55px}.error-section{width:min(900px,calc(100% - 40px));margin:auto;padding:90px 0;text-align:center}.error-section h1{font:800 clamp(34px,5vw,56px)/1.05 Arial}

@media(min-width:901px){.category-strip{display:none}}@media (min-width:621px) and (max-width:1024px){.main-nav{display:none!important;height:0!important;min-height:0!important;border:0!important;overflow:hidden!important}.header-visual{height:330px}.header-top{height:270px}.header-logo-image{width:min(600px,78vw);max-width:78vw;top:20px}.header-search{left:50%;right:auto;top:205px;bottom:auto;transform:translateX(-50%);width:min(460px,calc(100% - 40px));height:48px}.category-strip{display:flex;left:0;bottom:0;transform:none;width:100%;height:55px;padding:0 16px;justify-content:flex-start;gap:11px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.category-strip::-webkit-scrollbar{display:none}.category-strip a{font-size:12px;flex:0 0 auto}.category-strip i{flex:0 0 auto}.mobile-menu-toggle{display:flex;position:absolute;left:16px;top:16px;width:48px;height:48px;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(4,10,16,.78);color:#fff;font-size:30px;line-height:1;z-index:50;cursor:pointer;pointer-events:auto;touch-action:manipulation}.category-strip.is-open{display:flex;position:absolute;left:14px;right:auto;top:64px;bottom:auto;transform:none;width:290px;height:auto;min-height:0;padding:8px;background:#071019;border:1px solid #3a4652;border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.55);overflow:hidden;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;z-index:30}.category-strip.is-open a{display:flex;align-items:center;min-height:44px;padding:0 14px;color:#fff;font-size:13px;flex:0 0 auto;border-radius:6px}.category-strip.is-open i{display:none}}

@media(max-width:900px){.header-visual{height:330px}.header-top{height:270px}.header-logo-image{width:min(600px,78vw);max-width:78vw;top:20px}.header-search{left:50%;right:auto;top:205px;bottom:auto;transform:translateX(-50%);width:min(460px,calc(100% - 40px));height:48px}.category-strip{left:0;bottom:0;transform:none;width:100%;height:55px;padding:0 16px;justify-content:flex-start;gap:11px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-strip a{font-size:12px;flex:0 0 auto}.category-strip i{flex:0 0 auto}.nav-inner{overflow:hidden}.retro-menu{width:max-content;min-width:100%;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.retro-menu::-webkit-scrollbar{display:none}.retro-menu li{flex:0 0 auto}.retro-menu li a{padding:0 11px;font-size:12px;touch-action:manipulation}.retro-menu li a:before{font-size:18px}.hero{grid-template-columns:1fr}.hero-image{order:2}.post-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
/* Touch tablets and iPhone landscape: use one clean mobile/tablet navigation */
@media (hover:none) and (pointer:coarse) and (min-width:621px) and (max-width:1366px){.main-nav{display:none!important;height:0!important;min-height:0!important;border:0!important;overflow:hidden!important}.site-header,.header-visual{width:100%;max-width:100%;min-width:0}.header-visual{height:330px}.header-top{height:270px}.header-logo-image{width:min(700px,78vw);max-width:78vw;top:20px}.header-search{left:50%;right:auto;top:205px;bottom:auto;transform:translateX(-50%);width:min(460px,calc(100vw - 40px));height:48px}.category-strip{display:flex;left:0;bottom:0;transform:none;width:100%;max-width:100%;height:55px;padding:0 16px;justify-content:flex-start;gap:11px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.category-strip::-webkit-scrollbar{display:none}.category-strip a{font-size:12px;flex:0 0 auto}.category-strip i{flex:0 0 auto}.mobile-menu-toggle{display:flex;position:absolute;left:16px;top:16px;width:48px;height:48px;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(4,10,16,.78);color:#fff;font-size:30px;line-height:1;z-index:50;cursor:pointer;pointer-events:auto;touch-action:manipulation}.hero,.section,.article,.error-section{max-width:100%;}.wrap{max-width:100%;}}


@media(max-width:620px){.header-visual{height:285px;background-position:center top;overflow:visible;margin-bottom:60px}.header-bg{transform:none}.header-logo-image{width:300px;max-width:78vw;top:30px}.header-visual:after{background:linear-gradient(180deg,rgba(0,0,0,.02) 38%,rgba(3,8,13,.18) 72%,rgba(3,8,13,.78) 100%)}.header-top{height:285px;width:100%}.mobile-menu-toggle{display:flex;position:absolute;left:16px;top:16px;width:48px;height:48px;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(4,10,16,.78);color:#fff;font-size:30px;line-height:1;z-index:50;cursor:pointer;pointer-events:auto;touch-action:manipulation}.mobile-menu-toggle.is-open{color:var(--gold)}.brand{display:block}.header-search{left:14px;right:14px;top:285px;bottom:auto;width:auto;height:50px;z-index:6;transform:none}.search-icon{width:48px;font-size:29px}.header-search input{font-size:13px}.header-search button{padding:0 17px;font-size:13px}.category-strip{display:none}.category-strip.is-open{display:flex;position:absolute;left:14px;right:auto;top:64px;bottom:auto;transform:none;width:290px;height:auto;min-height:0;padding:8px;background:#071019;border:1px solid #3a4652;border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.55);overflow:hidden;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;z-index:30}.category-strip.is-open a{display:flex;align-items:center;min-height:44px;padding:0 14px;color:#fff;font-size:13px;flex:0 0 auto;border-radius:6px}.category-strip.is-open a:hover{background:#18232d;color:var(--gold)}.category-strip.is-open i{display:none}.header-visual:has(.category-strip.is-open){height:195px;margin-bottom:60px}.main-nav{height:62px;min-height:62px;overflow:hidden}.nav-inner{width:100%}.retro-menu{display:flex;height:62px;overflow-x:auto;justify-content:flex-start;padding:0 7px;scrollbar-width:none}.retro-menu::-webkit-scrollbar{display:none}.retro-menu.is-open{display:flex}.main-nav.is-collapsed{display:none}.retro-menu li a{height:62px;padding:0 12px;font-size:11px;gap:5px}.retro-menu li a:before{font-size:17px}.hero-wrap{padding:15px 0 22px}.hero{gap:16px}.hero h1{font-size:34px}.hero p{font-size:14px}.section{padding:44px 0}.section-heading h1,.section-heading h2{font-size:34px}.section-heading p{font-size:15px}.category-grid{grid-template-columns:1fr 1fr;gap:9px}.category-card{min-height:190px;padding:18px}.category-card strong{font-size:18px}.post-grid{grid-template-columns:1fr 1fr;gap:9px}.post-card-body{padding:13px}.post-card h2,.post-card h3{font-size:17px}.post-card p{font-size:12px}.memory-band{padding:28px 22px;display:block}.memory-band .button{margin-top:20px}.footer-grid{grid-template-columns:1fr;gap:20px}.site-footer{padding:28px 0 15px}.article{padding:42px 0 65px}.article-head h1{font-size:36px}.article-content{font-size:17px}}

@media(max-width:620px){.main-nav{display:none!important;height:0!important;min-height:0!important;border:0!important;overflow:hidden!important}}@media(max-width:430px){.category-grid,.post-grid{grid-template-columns:1fr}.header-visual{height:145px}.header-logo-image{width:265px;max-width:86vw;top:18px}.header-search{left:14px;right:14px;top:145px}.hero h1{font-size:31px}}
body.page-id-234 a[class~="8090-archiv-image"][href*="die-20-groessten-saenger-saengerinnen-80er-90er"]{display:none!important}
.retro-80-90{background:var(--paper)!important;color:var(--ink)!important}.retro-80-90 h1,.retro-80-90 h2,.retro-80-90 h3{color:inherit!important;text-shadow:none!important}.retro-80-90 img,.retro-80-90 .wp-block-image img{box-shadow:none!important}
@media(max-width:430px){.header-top .header-social-links{position:absolute!important;left:calc(100% - 86px)!important;right:auto!important;top:16px!important;display:flex!important;gap:7px!important;z-index:60!important;width:74px!important;max-width:74px!important}.header-top .header-social-links a{position:relative!important;left:auto!important;right:auto!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;font-size:20px!important}.site-footer .footer-grid>div:last-child h3{margin-top:0}}