/*
Theme Name: Nachtwolf Magazin
Author: Nachtwolf.tv
Description: Eigenes kostenfreies Magazin-Theme für Nachtwolf und Nachteule. Automatische Artikelübersichten, Themenarchive und eigene Angebotsflächen. Ohne externe Schriften oder Pflicht-Plugins.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nachtwolf-magazin
*/
:root{--bg:#080808;--panel:#151515;--white:#fff;--muted:#c7c7c7;--line:#343434;--orange:#f79a28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,h4{color:#fff;line-height:1.12;letter-spacing:-.035em;margin:0 0 22px;font-weight:750}h1{font-size:clamp(42px,6vw,80px)}h2{font-size:clamp(27px,3vw,38px)}h3{font-size:28px}p{margin:0 0 24px}ul{padding-left:22px}.wrap{max-width:1344px;margin:auto;padding:0 32px}.topline{display:flex;justify-content:space-between;padding-top:10px;padding-bottom:10px;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.masthead{border-top:4px solid var(--orange)}.brandrow{display:flex;align-items:center;gap:36px;padding-top:30px;padding-bottom:30px}.brand{display:block;flex-shrink:0}.brand img{width:300px;max-height:85px;object-fit:contain}.brandtag{font-size:15px;color:var(--muted);border-left:1px solid var(--line);padding-left:30px;line-height:1.5}.pill{margin-left:auto;padding:10px 17px;border:1px solid var(--line);font-size:13px;font-weight:700}.navborder{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.navrow{display:flex;align-items:center;justify-content:space-between;gap:22px}.desktop-nav ul{list-style:none;display:flex;gap:27px;margin:0;padding:0}.desktop-nav a{display:block;padding:16px 0;font-size:14px;font-weight:700}.current-menu-item>a{color:var(--orange)}.search{display:flex;align-items:center;width:180px;flex-shrink:0}.search input{width:100%;min-width:0;background:transparent;border:0;color:#fff;padding:10px 0;font:14px Arial}.search button{border:0;background:none;color:var(--orange);font-size:22px;cursor:pointer}.mobile-nav{display:none}.sectionline{display:flex;justify-content:space-between;padding:23px 0;color:#aaa;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center;padding:30px 0 60px}.hero h1{font-size:clamp(58px,7.7vw,106px);letter-spacing:-.065em;line-height:1.02;margin:20px 0 28px}.hero h1 em{font-family:Georgia,serif;color:var(--orange);font-weight:400;letter-spacing:-.055em}.eyebrow{display:block;color:var(--orange);font-size:11px;line-height:1.5;font-weight:700;text-transform:uppercase;letter-spacing:.14em;margin-bottom:20px}.lead{font-size:20px;line-height:1.75;color:var(--muted);max-width:720px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;gap:20px;background:var(--orange);color:#080808;padding:12px 20px;font-size:14px;line-height:1.5;font-weight:750;border:1px solid var(--orange)}.button:hover{background:#ffb451;color:#000}.textlink{display:inline-block;color:var(--orange);font-size:14px;line-height:1.6;font-weight:700}.hero-art{text-align:center;position:relative}.hero-art img{width:100%;max-width:390px;margin:auto}.hero-art span{display:block;color:#aaa;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-top:12px}.topics{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:65px}.topics a{padding:17px 13px;font-size:12px;font-weight:700;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.topics a:first-child{padding-left:0}.topics a:last-child{border:0}.topics span{color:var(--orange)}.magazine-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:50px;padding-bottom:70px}.sectionheading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:20px;margin-bottom:28px;border-bottom:2px solid #fff}.sectionheading h2{margin:0;font-size:30px}.sectionheading>a{white-space:nowrap;color:var(--orange);font-size:12px}.empty-editorial{border-left:3px solid var(--orange);padding:35px;background:var(--panel)}.empty-editorial h3{font-size:clamp(30px,4vw,47px);font-family:Georgia,serif;font-weight:400;line-height:1.18}.empty-editorial p{color:var(--muted);max-width:650px}.ad{border:1px solid var(--line);padding:25px;margin-bottom:24px;background:#101010}.ad img{float:right;width:72px;height:72px;object-fit:contain;margin:0 0 15px 14px}.ad h3{font-size:25px;clear:both}.ad p{font-size:14px;color:var(--muted);line-height:1.8}.ad .eyebrow{font-size:9px;letter-spacing:.1em}.topicbox{border-top:1px solid var(--line);padding-top:25px}.topicbox ul{list-style:none;padding:0;margin:0}.topicbox li{border-bottom:1px solid #252525;padding:8px 0;font-size:13px}.offer-section,.home-books{padding:45px 0 65px;border-top:1px solid var(--line)}.offergrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.offer{background:var(--panel);border-top:3px solid var(--orange);padding:38px}.offer h3,.offer h2{font-size:36px}.offer p{color:var(--muted);font-size:16px}.small-logo{float:right;margin:0 0 16px 20px}.shoplink{margin-top:25px}.books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.book{padding:25px 0;border-top:1px solid var(--line);display:flex;flex-direction:column}.book h3{font:400 27px/1.2 Georgia,serif;letter-spacing:-.02em}.book p{font-size:14px;color:var(--muted);flex:1}.book .eyebrow{font-size:9px}.fineprint{font-size:11px;color:#aaa;line-height:1.8;margin:25px 0 0}.footer{border-top:1px solid var(--line);padding-top:50px;background:#101010;margin-top:20px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:45px;padding-bottom:45px}.footer-brand{font-size:35px;font-weight:800;letter-spacing:-.05em}.footer-brand span{color:var(--orange)}.footer p{font-size:13px;color:var(--muted);margin-top:15px}.footer h2{font-size:13px;letter-spacing:0;margin:12px 0 20px}.footergrid>div>a:not(.footer-brand){display:block;font-size:13px;color:var(--muted);margin-bottom:9px}.footerbase{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#999;border-top:1px solid #252525;padding-top:20px;padding-bottom:30px}.footerbase nav{display:flex;gap:20px}.backtop{position:fixed;right:20px;bottom:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--orange);color:#000;font-size:23px;z-index:20;border-radius:50%;box-shadow:0 3px 12px #0008}.backtop:hover{background:#ffc16b;color:#000}.storygrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.story{border-bottom:1px solid var(--line);padding-bottom:28px;min-width:0}.story h2{font:400 31px/1.2 Georgia,serif;letter-spacing:-.02em;margin:14px 0}.story p{font-size:15px;color:var(--muted)}.story-image{display:block;margin-bottom:20px}.story-image img{width:100%;aspect-ratio:16/10;object-fit:cover}.meta{font-size:10px;color:#aaa;line-height:1.8;text-transform:uppercase;letter-spacing:.05em}.meta a{color:var(--orange)}.pageheading{padding:65px 0 45px;max-width:1000px}.pageheading h1{font-size:clamp(42px,6vw,76px)}.contentpage{padding-bottom:60px}.page-intro{margin-bottom:45px}.prose{max-width:760px;font-size:19px;line-height:1.85;color:#eee}.prose h2{font-size:35px;margin:45px 0 25px}.prose h3{font-size:27px;margin-top:35px}.prose a{color:var(--orange);text-decoration:underline;text-underline-offset:4px}.prose p{margin-bottom:26px}.prose blockquote{border-left:3px solid var(--orange);margin:35px 0;padding-left:28px;font:italic 26px/1.6 Georgia,serif}.prose .alignwide{max-width:100%}.prose pre{overflow:auto}.prose table{width:100%;border-collapse:collapse}.prose td,.prose th{border:1px solid var(--line);padding:12px}.articleheading{max-width:1000px;padding:60px 0 40px}.articleheading h1{margin:22px 0;font-family:Georgia,serif;font-weight:400;line-height:1.1}.byline{font-size:13px;color:var(--muted)}.article-cover img{width:100%;max-height:650px;object-fit:cover;margin-bottom:50px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:65px;padding-bottom:65px}.article-bottom{margin-top:45px;border-top:1px solid var(--line);padding-top:30px;font-size:14px}.nav-links{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.pagination{margin:35px 0}.page-numbers{border:1px solid var(--line);padding:7px 12px}.page-numbers.current{background:var(--orange);color:#000}.workbook{margin-top:50px;max-width:760px}.comments{margin-top:45px;font-size:15px}.comments textarea,.comments input:not([type=checkbox]):not([type=submit]){display:block;width:100%;background:#151515;color:#fff;border:1px solid var(--line);padding:12px;font:inherit}.comments input[type=submit]{background:var(--orange);padding:12px;border:0;color:#000;cursor:pointer}.screen-reader-text,.skip-link:not(:focus){position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:15px;left:15px;background:var(--orange);color:#000;padding:10px;z-index:99999}
@media(max-width:1050px){.desktop-nav ul{gap:18px}.desktop-nav a{font-size:12px}.magazine-layout,.article-layout{grid-template-columns:minmax(0,1fr) 250px;gap:30px}.hero{gap:25px}.topics{grid-template-columns:repeat(3,1fr)}.topics a:nth-child(3){border-right:0}.topics a:nth-child(-n+3){border-bottom:1px solid var(--line)}.books-grid{grid-template-columns:repeat(2,1fr)}.brand img{width:260px}}
@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.topline{font-size:9px}.topline>span{max-width:65%}.brandrow{padding-top:24px;padding-bottom:24px;gap:20px}.brand img{width:210px}.brandtag{font-size:11px;padding-left:18px}.brandrow .pill{display:none}.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;list-style:none;font-size:14px;font-weight:700;padding:15px 0;display:flex;gap:35px}.mobile-nav nav{position:absolute;top:100%;left:-22px;width:calc(100vw - 44px);max-width:400px;padding:18px 22px;background:#151515;border:1px solid var(--line);z-index:30}.mobile-nav ul{list-style:none;padding:0;margin:0}.mobile-nav a{display:block;padding:9px 0;font-size:16px}.search{width:150px}.sectionline{font-size:9px;padding:18px 0}.sectionline span:last-child{display:none}.hero{grid-template-columns:1fr;padding:20px 0 40px}.hero h1{font-size:clamp(58px,12vw,88px)}.hero .lead{font-size:18px}.hero-art{display:none}.topics{margin-bottom:40px}.topics a{font-size:10px;padding:13px 8px}.topics a:nth-child(4){padding-left:0}.magazine-layout,.article-layout{grid-template-columns:1fr;gap:40px;padding-bottom:45px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ad{margin:0;padding:22px}.topicbox{grid-column:1/-1}.sectionheading h2{font-size:26px}.sectionheading{gap:14px}.sectionheading>a{font-size:10px}.offergrid{grid-template-columns:1fr}.offer{padding:28px}.offer h3,.offer h2{font-size:32px}.offer-section,.home-books{padding-top:30px;padding-bottom:45px}.footergrid{grid-template-columns:1fr 1fr;gap:25px}.footergrid>div:first-child{grid-column:1/-1}.footerbase{display:block;padding-right:60px}.footerbase nav{margin-top:15px}.pageheading{padding-top:45px}.pageheading h1{font-size:44px}.articleheading{padding-top:40px}.articleheading h1{font-size:42px}.prose{font-size:18px}.story h2{font-size:27px}}
@media(max-width:440px){.brand img{width:180px}.brandtag{font-size:10px;padding-left:15px}.brandrow{gap:15px}.sidebar,.storygrid,.books-grid{grid-template-columns:1fr}.topics{grid-template-columns:repeat(2,1fr)}.topics a{font-size:11px;padding:13px 9px!important;border-right:0;border-bottom:1px solid var(--line)!important}.topics a:nth-child(odd){border-right:1px solid var(--line)}.topics a:nth-last-child(-n+2){border-bottom:0!important}.empty-editorial{padding:26px}.empty-editorial h3{font-size:33px}.hero-actions{gap:20px}.sectionheading{align-items:flex-start}.sectionheading h2{font-size:24px}.sectionheading>a{max-width:105px;white-space:normal;text-align:right}.book{padding-top:24px}.book h3{font-size:30px}.book p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}