/*
Theme Name: Internetnischen Minimal
Theme URI: https://www.internetnischen.de/
Author: Internetnischen
Description: Modernes, minimalistisches Blog-Theme mit Hell-Dunkel-Schalter, Beitragsübersicht und mobilem Menü.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
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: internetnischen
*/
:root { --background: oklch(.995 .002 150); --foreground: oklch(.235 .015 160); --card: oklch(1 0 0); --primary: oklch(.45 .091 163); --primary-foreground: oklch(.99 0 0); --secondary: oklch(.953 .023 158); --muted: oklch(.969 .003 160); --muted-foreground: oklch(.535 .012 160); --border: oklch(.905 .009 160); --destructive: oklch(.6 .2 25); --photo-text: oklch(1 0 0); --photo-shade: linear-gradient(180deg, oklch(.15 .02 155 / 0) 25%, oklch(.15 .02 155 / .88) 100%); --bee-bg: oklch(.94 .038 63); --bee-ink: oklch(.26 .025 30); --pay-bg: oklch(.925 .032 195); --pay-ink: oklch(.43 .085 194); --pin-bg: oklch(.95 .032 14); --pin-ink: oklch(.52 .2 23); }
.dark { --background: oklch(.19 .012 160); --foreground: oklch(.945 .009 155); --card: oklch(.22 .012 160); --primary: oklch(.74 .12 161); --primary-foreground: oklch(.19 .015 160); --secondary: oklch(.27 .025 160); --muted: oklch(.24 .01 160); --muted-foreground: oklch(.69 .014 160); --border: oklch(.33 .012 160); }
* { box-sizing:border-box;border-color:var(--border); } body { margin:0;background:var(--background);color:var(--foreground);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased; } h1,h2,h3 {font-family:'Manrope',sans-serif;letter-spacing:0;} a{color:inherit;text-decoration:none;} button{cursor:pointer;font:inherit;} img{max-width:100%;height:auto;} 
.site-container { max-width:1184px; margin-inline:auto; padding-inline:32px; }
.site-header { border-bottom:1px solid var(--border); height:91px; display:flex; align-items:center; }
.header-inner { width:100%; display:flex; align-items:center; gap:34px; }
.brand { display:inline-flex; gap:10px; align-items:center; font-family:'Manrope',sans-serif; font-size:23px; font-weight:800; white-space:nowrap; }
.brand-icon { width:30px;height:30px; color:var(--primary); }
.brand-dot { color:var(--primary); }
.desktop-nav { display:flex; gap:27px; margin-left:auto; align-items:center; font-size:13px; font-weight:550; }
.nav-link { color:var(--muted-foreground); transition:color .2s; } .nav-link:hover,.nav-link.active { color:var(--primary); }
.header-tools { display:flex; align-items:center; gap:8px; padding-left:22px; border-left:1px solid var(--border); }
.theme-switch { border:1px solid var(--border); border-radius:30px; padding:3px; display:flex; background:var(--muted); }
.theme-switch button { border-radius:50%; width:29px; height:29px; padding:0; color:var(--muted-foreground); }
.theme-switch button.selected { background:var(--card); color:var(--primary); box-shadow:0 1px 3px oklch(.1 0 0 / .1); }
.mobile-menu-button { display:none; }
.intro { padding-top:52px; padding-bottom:34px; position:relative; }
.eyebrow { color:var(--primary); font-size:11px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.eyebrow::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--primary); }
.intro h1 { font-size:44px; font-weight:750; line-height:1.24; margin:15px 0 12px; }
.intro h1 span { color:var(--primary); }
.intro p { color:var(--muted-foreground); font-size:15px; line-height:1.7; max-width:610px; margin:0; }
.intro-sign { position:absolute; right:32px; bottom:37px; font-size:12px; color:var(--muted-foreground); display:flex; align-items:center; gap:10px; }
.avatar { height:34px;width:34px;border-radius:50%;background:var(--secondary);display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--primary); }
.feature-grid { display:grid;grid-template-columns:1.7fr 1fr;gap:33px; }
.feature-story { position:relative;overflow:hidden;border-radius:7px;min-height:378px;display:flex;align-items:end; }
.feature-story img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s; }
.feature-story:hover img { transform:scale(1.035); }
.feature-story::after { content:'';position:absolute;inset:0;background:var(--photo-shade); }
.feature-copy { position:relative;z-index:1;padding:28px 30px;color:var(--photo-text);width:100%; }
.feature-label { display:inline-flex;background:var(--primary-foreground);color:var(--primary);font-size:10px;font-weight:700;border-radius:3px;padding:5px 8px;margin-bottom:11px; }
.feature-copy h2 { font-size:26px;font-weight:700;line-height:1.35;max-width:440px;margin:0 0 14px; }
.feature-meta { display:flex;align-items:center;gap:8px;font-size:11px;opacity:.85; }
.feature-arrow { position:absolute;right:30px;bottom:29px; }
.picks-heading { display:flex;align-items:center;gap:8px;color:var(--primary);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 9px; }
.pick { display:block;padding:21px 0;border-bottom:1px solid var(--border); }
.pick:last-child { border-bottom:0;padding-bottom:0; }
.pick-category { color:var(--primary);font-size:10px;font-weight:650; }
.pick h3 { font-size:17px;line-height:1.5;font-weight:700;margin:8px 0; }
.pick-bottom { display:flex;align-items:center;justify-content:space-between;color:var(--muted-foreground);font-size:11px; }
.topics { margin-top:35px;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:13px;flex-wrap:wrap; }
.topics-label { font-size:12px;font-weight:600;margin-right:4px; }
.topic-button { border-radius:30px !important;height:32px;font-size:11px;padding:0 13px;box-shadow:none; }
.articles { padding-top:37px;padding-bottom:44px; }
.section-heading { display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:20px; }
.section-heading h2 { font-size:23px;font-weight:750;margin:0; }
.section-heading p { font-size:12px;color:var(--muted-foreground);margin:6px 0 0; }
.all-link { font-size:12px;color:var(--primary);display:flex;align-items:center;gap:8px; }
.article-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px; }
.article-card { overflow:hidden;border:1px solid var(--border);border-radius:7px;background:var(--card);transition:transform .2s; }
.article-card:hover { transform:translateY(-4px); }
.tool-art { height:177px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden; }
.tool-art.bee { background:var(--bee-bg);color:var(--bee-ink); }
.tool-art.pay { background:var(--pay-bg);color:var(--pay-ink); }
.tool-art.pin { background:var(--pin-bg);color:var(--pin-ink); }
.tool-brand { display:flex;align-items:center;gap:10px;font-size:39px;font-weight:700;letter-spacing:0;z-index:1; }
.tool-brand svg { width:42px;height:42px; }
.tool-caption { position:absolute;bottom:25px;left:0;right:0;text-align:center;font-size:10px;opacity:.65; }
.art-stamp { position:absolute;right:15px;top:15px;font-size:9px;border:1px solid currentColor;opacity:.5;padding:3px 6px;border-radius:3px; }
.article-body { padding:20px 21px; }
.article-body h3 { font-size:17px;font-weight:700;line-height:1.5;margin:8px 0 10px; }
.article-body p { font-size:12px;line-height:1.75;color:var(--muted-foreground);margin:0 0 18px; }
.article-bottom { border-top:1px solid var(--border);padding-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted-foreground); }
.closing-band { background:var(--secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border); }
.closing-inner { display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:32px; }
.closing-inner h2 { font-size:22px;margin:0 0 7px; }.closing-inner p { color:var(--muted-foreground);font-size:12px;margin:0; }
.site-footer { padding-block:26px;display:flex;align-items:center;justify-content:space-between;gap:20px; }.site-footer .brand { font-size:17px; }.site-footer .brand-icon { width:23px;height:23px; }.footer-links { display:flex;gap:22px;font-size:11px;color:var(--muted-foreground); }
.search-panel { padding-block:20px;border-bottom:1px solid var(--border); }.search-field { display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:6px;background:var(--card);padding:10px 15px; }.search-field input { width:100%;background:transparent;border:0;outline:0;font-size:15px;color:var(--foreground); }.empty-state { padding:50px 0;color:var(--muted-foreground); }.mobile-nav { display:flex;flex-direction:column;gap:16px;padding-block:20px; }.mobile-nav a { font-size:14px; }
@media(min-width:1500px){ .site-container {max-width:1250px;} .feature-story {min-height:407px;} }
@media(max-width:1000px){.desktop-nav {gap:16px;font-size:11px;}.header-inner{gap:20px;}.brand{font-size:20px;}.header-tools{padding-left:14px;}.intro-sign{display:none;}.feature-grid{grid-template-columns:1.5fr 1fr;gap:25px;}.feature-copy h2{font-size:24px;}}
@media(max-width:760px){.site-container{padding-inline:22px;}.site-header{height:74px;}.desktop-nav{display:none;}.header-tools{margin-left:auto;border:0;padding:0;gap:4px;}.mobile-menu-button{display:inline-flex;}.brand{font-size:18px;gap:6px;}.brand-icon{width:24px;height:24px;}.header-inner{gap:8px;}.intro{padding-top:34px;padding-bottom:27px;}.intro h1{font-size:34px;}.intro p{font-size:13px;}.feature-grid{grid-template-columns:1fr;gap:26px;}.feature-story{min-height:330px;}.feature-copy{padding:24px;}.feature-copy h2{font-size:25px;}.pick{padding:17px 0;}.pick h3{font-size:17px;}.topics{margin-top:26px;gap:8px;padding:18px 0;}.topics-label{width:100%;margin-bottom:3px;}.articles{padding-top:28px;}.section-heading h2{font-size:21px;}.article-grid{grid-template-columns:1fr;gap:20px;}.tool-art{height:190px;}.closing-inner{align-items:start;flex-direction:column;}.closing-inner h2{font-size:20px;}.site-footer{flex-direction:column;align-items:start;}.theme-switch button{width:25px;height:25px;}.section-heading{align-items:start;}.all-link{font-size:10px;white-space:nowrap;margin-top:5px;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important;}}

[hidden]{display:none!important;} .desktop-nav ul,.mobile-nav ul,.footer-links ul {list-style:none;margin:0;padding:0;display:flex;gap:24px;} .desktop-nav li{position:relative;} .desktop-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:var(--card);padding:18px;border:1px solid var(--border);min-width:190px;z-index:10;} .desktop-nav li:hover>.sub-menu,.desktop-nav li:focus-within>.sub-menu{display:flex;flex-direction:column;} .mobile-nav ul{flex-direction:column;gap:15px;}.mobile-nav .sub-menu{padding-left:15px;margin-top:12px;} .desktop-nav a:hover,.footer-links a:hover{color:var(--primary);}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;background:transparent;color:var(--foreground);border-radius:6px;font-size:20px;}.icon-button:hover{background:var(--secondary);}.mobile-menu-button{display:none;}
.btn,.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:6px;font-size:13px;font-weight:600;border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground);}.btn-outline{background:var(--card);color:var(--foreground);border-color:var(--border);}.topic-button{display:inline-flex;align-items:center;}
.post-image{height:190px;overflow:hidden;}.post-image img{width:100%;height:100%;object-fit:cover;}.archive-main{padding-block:50px;min-height:60vh;}.archive-main .search-field{margin-bottom:25px;}.reading-container{max-width:800px;padding:55px 24px;margin:auto;min-height:60vh;}.reading-container h1{font-size:38px;line-height:1.3;}.reading-meta{color:var(--muted-foreground);font-size:13px;margin-bottom:25px;}.single-image{width:100%;border-radius:6px;margin-bottom:24px;}.entry-content{font-size:17px;line-height:1.85;overflow-wrap:anywhere;}.entry-content a{color:var(--primary);text-decoration:underline;}.entry-content h2{font-size:27px;margin-top:35px;}.entry-content h3{font-size:22px;}.entry-content blockquote{border-left:3px solid var(--primary);padding-left:22px;margin-left:0;color:var(--muted-foreground);}.entry-content pre{overflow:auto;background:var(--muted);padding:18px;}.entry-content table{width:100%;border-collapse:collapse;}.entry-content td,.entry-content th{padding:10px;border:1px solid var(--border);}.entry-content iframe{max-width:100%;}.pagination,.post-navigation{padding:30px 0;}.page-numbers{padding:8px;}.nav-links{display:flex;justify-content:space-between;gap:20px;}.comments-area{border-top:1px solid var(--border);padding-top:25px;}.comments-area input:not([type=checkbox]),.comments-area textarea{width:100%;padding:12px;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:6px;}.comments-area .submit{background:var(--primary)!important;color:var(--primary-foreground)!important;cursor:pointer;}.comment-list{padding-left:20px;}.comment-list .avatar{display:inline-block;}.skip-link,.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);}.skip-link:focus{clip:auto;width:auto;height:auto;padding:12px;background:var(--card);z-index:100;}:focus-visible{outline:2px solid var(--primary);outline-offset:4px;}@media(max-width:760px){.mobile-menu-button{display:inline-flex;}.reading-container h1{font-size:30px;}.footer-links{flex-wrap:wrap;}.footer-links ul{flex-wrap:wrap;}}