/* ================================================================ NICHT IRGENDWANN – STARTSEITE 02C / EDITORIAL MIT PUNK-KANTE Stand: 22.10.2026 Die Gestaltung folgt dem freigegebenen Designmuster 02B/02C. Enthält nur Startseitenkomponenten sowie eng begrenzte Enfold-Fixes. TESTSTAND: Stylesheet NUR auf der separaten Vorschauseite laden; die bisherige Startseite und ihr CSS bleiben unverändert. ================================================================ */ /* NUR TEST: Roboto Slab via Google Fonts. Vor Livegang lokal hosten. */ @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&display=swap'); #top .ni-home { --black:#020202;--red:#89252d;--white:#fff;--max:1320px;--font-display:"veneer-three","Impact","Arial Narrow",sans-serif;--font-body:"motiva-sans","Arial",sans-serif;--font-ui:"alternate-gothic-condensed-a","Arial Narrow",sans-serif;--stroke:rgba(2,2,2,.16) } #top .ni-home * { box-sizing:border-box } #top .ni-home { scroll-behavior:smooth } #top .ni-home { margin:0;background:white;color:var(--black);font:400 16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased } #top .ni-home a { color:inherit;text-decoration:none } #top .ni-home a:focus-visible { outline:3px solid var(--red);outline-offset:5px } #top .ni-home img { display:block;max-width:100% } #top .ni-home h1, #top .ni-home h2, #top .ni-home h3, #top .ni-home h4 { font-family:var(--font-display);text-transform:uppercase;line-height:1.02;font-weight:400;margin:0 } #top .ni-home h2 { font-size:clamp(42px,4.1vw,66px) } #top .ni-home h3 { font-size:clamp(27px,2.3vw,38px) } #top .ni-home p { margin:0 0 18px;line-height:1.68 } #top .ni-home .wrap { width:min(var(--max),calc(100% - 100px));margin:auto } #top .ni-home .micro { font:700 11px/1.4 var(--font-ui);letter-spacing:.16em;text-transform:uppercase } #top .ni-home .muted { color:#5f5f5f } #top .ni-home .red { color:var(--red) } #top .ni-home .btn { display:inline-flex;align-items:center;justify-content:space-between;min-height:51px;padding:13px 20px;gap:24px;background:var(--black);border:1px solid var(--black);color:white;font:700 12px/1.2 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;transition:background .16s,border-color .16s } #top .ni-home .btn:hover { background:var(--red);border-color:var(--red) } #top .ni-home .btn.redbg { background:var(--red);border-color:var(--red) } #top .ni-home .btn.redbg:hover { background:var(--black);border-color:var(--black) } #top .ni-home .btn.ghostwhite { border-color:rgba(255,255,255,.6);background:transparent } #top .ni-home .btn.ghostwhite:hover { background:white;color:var(--black) } #top .ni-home .arrow { font:400 24px/1 Arial } #top .ni-home .line-link { font:700 12px/1.4 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid currentColor;padding:4px 0 5px;display:inline-flex;align-items:center;gap:10px;width:fit-content } #top .ni-home .line-link:hover { color:var(--red) } #top .ni-home .hero { position:relative;background:var(--white);overflow:hidden } #top .ni-home .hero-grid { min-height:730px;display:grid;grid-template-columns: minmax(0,.96fr) minmax(0,1.04fr);align-items:stretch } #top .ni-home .hero-copy { position:relative;z-index:3;padding:92px clamp(40px,6vw,95px) 105px 0;display:flex;flex-direction:column;justify-content:center } #top .ni-home .hero-copy .micro { color:var(--red);margin-bottom:30px } #top .ni-home .hero h1 { font-size:clamp(72px,6.5vw,116px);letter-spacing:-.013em;line-height:.96;margin-bottom:30px;max-width:610px } #top .ni-home .hero-copy .slash { width:78px;height:7px;background:var(--red);margin-bottom:27px;transform:skew(-26deg) } #top .ni-home .hero-copy p { font-size:clamp(18px,1.32vw,21px);max-width:510px;color:#333;line-height:1.59 } #top .ni-home .hero-actions { display:flex;align-items:center;gap:28px;margin-top:18px;flex-wrap:wrap } #top .ni-home .hero-media { position:relative;margin-right:calc((min(var(--max),100vw - 100px) - 100vw)/2);background:#777;min-width:0 } #top .ni-home .hero-photo { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(.15) contrast(1.08) } #top .ni-home .hero-media:after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.0),rgba(0,0,0,.03)),linear-gradient(0deg,rgba(0,0,0,.54),transparent 60%);pointer-events:none } #top .ni-home .hero-media-tag { position:absolute;z-index:3;top:24px;right:30px;background:#fff;color:#020202;padding:8px 12px;font:700 10px var(--font-ui);letter-spacing:.12em;text-transform:uppercase } #top .ni-home .hero-media-foot { position:absolute;z-index:2;left:28px;bottom:25px;color:#fff;font:700 10px var(--font-ui);letter-spacing:.14em;text-transform:uppercase } #top .ni-home .goal-card { position:absolute;z-index:5;bottom:55px;left:-50px;width:min(450px,80%);background:var(--black);color:#fff;padding:25px 30px 27px;box-shadow:0 18px 50px rgba(0,0,0,.22);border-top:5px solid var(--red) } #top .ni-home .goal-card .micro { color:#b8b8b8 } #top .ni-home .goal-card h3 { margin:11px 0 15px;font-size:35px;line-height:1.06 } #top .ni-home .goal-card p { font-size:14px;color:#d0d0d0;line-height:1.5;margin-bottom:14px } #top .ni-home .goal-card a { color:white } #top .ni-home .goal-card .line-link:hover { color:#fff } #top .ni-home .bookbar { background:var(--red);color:#fff;padding:35px 0 } #top .ni-home .bookbar-grid { display:grid;grid-template-columns:124px minmax(0,1fr) auto;align-items:center;gap:38px } #top .ni-home .book-image { width:109px;height:126px;background:#111;display:flex;justify-content:center;align-items:center;transform:rotate(-4deg);box-shadow:12px 11px 0 rgba(0,0,0,.15);overflow:hidden } #top .ni-home .book-image img { width:100%;height:100%;object-fit:cover } #top .ni-home .bookbar .micro { opacity:.76;margin-bottom:9px } #top .ni-home .bookbar h2 { font-size:37px;line-height:1.06;margin-bottom:7px } #top .ni-home .bookbar p { margin:0;color:rgba(255,255,255,.85);font-size:14px } #top .ni-home .bookbar .btn { background:white;color:black;border-color:white } #top .ni-home .bookbar .btn:hover { color:white;background:black;border-color:black } #top .ni-home .bookright { display:flex;align-items:center;gap:21px } #top .ni-home .bookright strong { font-size:25px;white-space:nowrap } #top .ni-home .discover { padding:112px 0 126px } #top .ni-home .section-head { display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px } #top .ni-home .section-head h2 { margin-top:11px } #top .ni-home .section-head>p { max-width:340px;color:#505050;margin:0 0 5px } #top .ni-home .tiles { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px } #top .ni-home .tile { min-width:0;background:#fff;border:1px solid var(--stroke) } #top .ni-home .tile-photo { height:280px;overflow:hidden;position:relative;background:#4b4a49 } #top .ni-home .tile-photo img { width:100%;height:100%;object-fit:cover;filter:grayscale(.24) contrast(1.12);transition:transform .4s ease } #top .ni-home .tile:hover .tile-photo img { transform:scale(1.045) } #top .ni-home .tile-photo .count { position:absolute;left:20px;top:19px;background:white;color:#020202;padding:7px 10px } #top .ni-home .tile:nth-child(2) .tile-photo img { object-position:center 48% } #top .ni-home .tile:nth-child(3) .tile-photo img { object-position:center 52% } #top .ni-home .tile-content { padding:26px 27px 30px } #top .ni-home .tile-content .micro { color:var(--red);margin-bottom:10px } #top .ni-home .tile-content h3 { margin-bottom:11px } #top .ni-home .tile-content p { color:#555;font-size:14px;line-height:1.6;margin-bottom:22px } #top .ni-home .tile-content .line-link { font-size:11px } #top .ni-home .interlude { display:grid;grid-template-columns:1fr 1fr;min-height:260px;background:#f4f4f4 } #top .ni-home .interlude-photo { min-height:260px;position:relative;overflow:hidden } #top .ni-home .interlude-photo img { width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:grayscale(.23) } #top .ni-home .interlude-copy { display:flex;justify-content:center;flex-direction:column;padding:48px 9% } #top .ni-home .interlude-copy .micro { color:var(--red);margin-bottom:16px } #top .ni-home .interlude-copy h2 { font-size:clamp(36px,3.4vw,60px);margin-bottom:16px } #top .ni-home .interlude-copy p { color:#444;max-width:460px;font-size:15px } #top .ni-home .shop { padding:112px 0 115px;background:#fff } #top .ni-home .shop .section-head { margin-bottom:30px } #top .ni-home .shop-copy { max-width:395px } #top .ni-home .shop-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px } #top .ni-home .product { min-width:0 } #top .ni-home .product-scene { height:325px;background:#f0f0f0;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative } #top .ni-home .product-scene:before { content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 38%,rgba(255,255,255,.94),transparent 63%) } #top .ni-home .product svg { z-index:1;height:85%;width:86%;max-width:300px;filter:drop-shadow(10px 15px 8px rgba(0,0,0,.12)); } #top .ni-home .product .product-name { margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px } #top .ni-home .product .product-name h3 { font-size:33px } #top .ni-home .product .product-name span { font-size:13px;color:var(--red);font-weight:700;white-space:nowrap } #top .ni-home .product-scene .ni-print { font-family:Impact,sans-serif;font-size:11px;letter-spacing:-.5px } #top .ni-home .shop-bottom { margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--stroke);padding-top:24px } #top .ni-home .shop-bottom p { font-size:13px;color:#666;margin:0 } #top .ni-home .founder { background:var(--black);color:white } #top .ni-home .founder-grid { display:grid;grid-template-columns:1fr 1fr;min-height:590px } #top .ni-home .founder-photo { position:relative;overflow:hidden;min-height:580px } #top .ni-home .founder-photo img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.4) brightness(.75) contrast(1.1) } #top .ni-home .founder-photo:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.57)) } #top .ni-home .founder-photo .photo-quote { position:absolute;bottom:35px;left:clamp(28px,5.8vw,92px);z-index:2;color:white;font:700 11px var(--font-ui);letter-spacing:.15em;text-transform:uppercase } #top .ni-home .founder-content { display:flex;flex-direction:column;justify-content:center;padding:70px min(8vw,110px) 70px 75px } #top .ni-home .founder-content .micro { color:#ffffff;margin-bottom:24px } #top .ni-home .founder-content h2 { font-size:clamp(49px,4.4vw,74px);line-height:1.03;margin-bottom:23px } #top .ni-home .founder-content p { color:#d3d3d3;font-size:16px;line-height:1.72;max-width:540px } #top .ni-home .founder-content .btn { align-self:start;margin-top:19px } #top .ni-home .founder-content .btn:hover { background:white;color:var(--black);border-color:white } @media (max-width:1120px) { #top .ni-home .wrap { width:min(var(--max),calc(100% - 64px)) } #top .ni-home .hero-grid { min-height:650px;grid-template-columns:.97fr 1.03fr } #top .ni-home .hero h1 { font-size:clamp(64px,7vw,90px) } #top .ni-home .goal-card { left:-35px;bottom:31px;width:90% } #top .ni-home .hero-media { margin-right:-32px } #top .ni-home .hero-copy { padding-right:35px } #top .ni-home .bookbar-grid { grid-template-columns:100px 1fr;gap:18px 25px } #top .ni-home .bookright { grid-column:2 } #top .ni-home .book-image { height:115px } #top .ni-home .founder-content { padding:65px 45px } #top .ni-home .tile-photo { height:225px } #top .ni-home .product-scene { height:275px } } @media (max-width:760px) { #top .ni-home .wrap { width:calc(100% - 40px) } #top .ni-home .hero-grid { display:block } #top .ni-home .hero-copy { padding:66px 0 55px } #top .ni-home .hero h1 { font-size:clamp(65px,12vw,95px) } #top .ni-home .hero-photo { object-position:center } #top .ni-home .hero-media { margin:0 -20px;min-height:535px } #top .ni-home .hero-media-tag { right:18px } #top .ni-home .goal-card { left:20px;bottom:35px;width:calc(100% - 40px) } #top .ni-home .bookbar { padding:26px 0 } #top .ni-home .bookbar-grid { grid-template-columns:80px 1fr;gap:10px 21px } #top .ni-home .book-image { height:98px;width:77px } #top .ni-home .bookbar h2 { font-size:29px } #top .ni-home .bookright { grid-column:1/-1;margin-top:10px;justify-content:space-between } #top .ni-home .bookright strong { font-size:22px } #top .ni-home .discover, #top .ni-home .shop { padding:72px 0 } #top .ni-home .tiles, #top .ni-home .shop-grid { grid-template-columns:1fr } #top .ni-home .tile { display:grid;grid-template-columns:45% 55%;min-height:235px } #top .ni-home .tile-photo { height:auto } #top .ni-home .tile-content { padding:24px } #top .ni-home .tile-content h3 { font-size:32px } #top .ni-home .tile-content p { font-size:13px } #top .ni-home .section-head { display:block;margin-bottom:26px } #top .ni-home .section-head>p { margin-top:15px } #top .ni-home .interlude { grid-template-columns:1fr } #top .ni-home .interlude-photo { min-height:270px } #top .ni-home .interlude-copy { padding:55px 20px 60px } #top .ni-home .product { display:grid;grid-template-columns:45% 55%;border:1px solid var(--stroke);min-height:180px } #top .ni-home .product-scene { height:180px } #top .ni-home .product .product-name { padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:start;margin:0 } #top .ni-home .product .product-name h3 { font-size:33px } #top .ni-home .shop-grid { gap:14px } #top .ni-home .shop-bottom { flex-direction:column;align-items:start } #top .ni-home .founder-grid { grid-template-columns:1fr } #top .ni-home .founder-photo { min-height:330px } #top .ni-home .founder-content { padding:66px 20px 75px } #top .ni-home .founder-content h2 { font-size:56px } } @media (max-width:450px) { #top .ni-home .hero-copy { padding:53px 0 45px } #top .ni-home .hero-copy .micro { margin-bottom:22px } #top .ni-home .hero h1 { font-size:clamp(66px,16vw,83px);margin-bottom:25px } #top .ni-home .hero-copy p { font-size:17px } #top .ni-home .hero-actions { gap:21px } #top .ni-home .hero-media { min-height:460px } #top .ni-home .goal-card { padding:21px 23px } #top .ni-home .goal-card h3 { font-size:29px } #top .ni-home .bookbar h2 { font-size:25px } #top .ni-home .bookbar p { font-size:12px } #top .ni-home .bookright .btn { min-height:45px;font-size:10px;padding:10px 13px } #top .ni-home .discover, #top .ni-home .shop { padding:64px 0 } #top .ni-home .tile { display:block;min-height:0 } #top .ni-home .tile-photo { height:177px } #top .ni-home .tile-content { padding:23px 23px 25px } #top .ni-home .tile-content h3 { font-size:34px } #top .ni-home .tile-content p { margin-bottom:15px } #top .ni-home .interlude-photo { min-height:215px } #top .ni-home .product { min-height:162px } #top .ni-home .product-scene { height:162px } #top .ni-home .product .product-name h3 { font-size:29px } #top .ni-home .founder-content h2 { font-size:50px } } @media (prefers-reduced-motion:reduce) { #top .ni-home * { transition:none!important;scroll-behavior:auto!important } } #top .ni-home { --ni-punk-black: #020202; --ni-punk-red: #89252d; --ni-punk-white: #ffffff; } #top .ni-home .hero-copy { overflow:visible; } #top .ni-home .hero-copy .micro { font-size:11px; letter-spacing:.13em; } #top .ni-home .hero h1 { letter-spacing:-.028em; transform:rotate(-.6deg); transform-origin:left center; text-shadow:1px 0 currentColor; } #top .ni-home .hero-copy .slash { position:relative; margin:24px 0 10px; height:8px; width:107px; background:var(--red); transform:skew(-33deg) rotate(-2.5deg); } #top .ni-home .hero-copy .slash::after { content:""; position:absolute; top:12px; left:28px; background:var(--black); width:64px; height:3px; transform:rotate(-3deg); } #top .ni-home .raw-stamp { display:table; width:max-content; max-width:100%; font:800 10px/1.3 var(--font-ui); letter-spacing:.13em; color:var(--black); margin:6px 0 20px; transform:rotate(-2deg); border:2px solid var(--red); padding:7px 11px; } #top .ni-home .hero-media { isolation:isolate; } #top .ni-home .hero-photo { filter:grayscale(.33) contrast(1.23) saturate(.8); } #top .ni-home .hero-media-tag { background:var(--red); color:var(--white); transform:rotate(3deg); box-shadow:6px 6px 0 var(--black); top:34px; right:35px; font-size:10px; } #top .ni-home .goal-card { border-top:0; border-left:7px solid var(--red); transform:rotate(-1.8deg); transform-origin:center center; box-shadow:13px 16px 0 rgba(2,2,2,.28); clip-path:polygon(0 0,100% 0,100% 96%,96% 100%,0 100%); } #top .ni-home .goal-card::before { content:"✓ ERLEDIGT"; position:absolute; right:17px; top:11px; color:white; background:var(--red); font:800 10px/1.2 var(--font-ui); letter-spacing:.07em; padding:6px 8px; transform:rotate(4deg); } #top .ni-home .goal-card h3 { padding-right:5px; } #top .ni-home .btn { box-shadow:4px 4px 0 rgba(2,2,2,.15); } #top .ni-home .btn.redbg { box-shadow:5px 5px 0 var(--black); } #top .ni-home .bookbar { position:relative; border-bottom:7px solid var(--black); } #top .ni-home .bookbar::before { content:""; position:absolute; top:0; left:0; right:0; height:5px; background:var(--black); clip-path:polygon(0 0,34% 0,34% 90%,42% 80%,43% 0,100% 0,100% 100%,0 100%); } #top .ni-home .bookbar h2 { letter-spacing:-.015em; } #top .ni-home .book-image { transform:rotate(5deg); box-shadow:10px 10px 0 var(--black); } #top .ni-home .discover { position:relative; } #top .ni-home .discover .section-head { position:relative; } #top .ni-home .discover .section-head h2::after { content:""; display:block; background:var(--red); height:5px; width:95px; margin-top:12px; transform:rotate(-2deg); } #top .ni-home .tile { position:relative; transition:transform .22s ease; border:2px solid var(--black); box-shadow:7px 7px 0 rgba(2,2,2,.07); } #top .ni-home .tile:nth-child(2) { transform:translateY(12px); } #top .ni-home .tile:nth-child(2):hover { transform:translateY(7px); } #top .ni-home .tile:nth-child(3) { transform:translateY(-5px); } #top .ni-home .tile:nth-child(3):hover { transform:translateY(-10px); } #top .ni-home .tile:nth-child(1):hover { transform:translateY(-5px); } #top .ni-home .tile-photo { border-bottom:8px solid var(--black); } #top .ni-home .tile-photo .count { transform:rotate(-4deg); background:var(--white); border-left:4px solid var(--red); font-size:10px; } #top .ni-home .tile:nth-child(2) .count { transform:rotate(3deg); } #top .ni-home .tile:nth-child(3) .count { transform:rotate(-2deg); } #top .ni-home .tile-photo img { filter:grayscale(.32) contrast(1.19); } #top .ni-home .tile-content h3 { letter-spacing:-.015em; } #top .ni-home .tile-content .line-link { text-decoration:none; border-bottom:2px solid var(--red); } #top .ni-home .interlude { border-top:5px solid var(--black); border-bottom:5px solid var(--black); } #top .ni-home .interlude-copy { position:relative; background:var(--white); } #top .ni-home .interlude-copy h2 { max-width:540px; } #top .ni-home .interlude-copy h2::after { content:"✕"; display:inline-block; color:var(--red); margin-left:16px; transform:rotate(-12deg); font:900 .5em/1 var(--font-ui); } #top .ni-home .shop { padding-top:112px; } #top .ni-home .shop .section-head h2 { position:relative; display:table; } #top .ni-home .shop .section-head h2::after { content:""; position:absolute; height:5px; width:75%; left:0; bottom:-9px; background:var(--red); transform:rotate(-1.4deg); } #top .ni-home .product:nth-child(2) .product-scene { outline:4px solid var(--black); outline-offset:-4px; } #top .ni-home .product-scene::after { content:"X"; position:absolute; left:17px; top:11px; color:var(--red); font:900 27px/1 var(--font-ui); transform:rotate(-12deg); opacity:.9; } #top .ni-home .product:nth-child(2) .product-scene::after { content:"XX"; } #top .ni-home .product:nth-child(3) .product-scene::after { content:"XXX"; } #top .ni-home .product-name h3 { line-height:.9; } #top .ni-home .founder { border-top:8px solid var(--red); } #top .ni-home .founder-content { position:relative; } #top .ni-home .founder-content::before { content:"NI. / 100"; display:table; width:fit-content; border:2px solid var(--red); color:white; font:900 12px/1 var(--font-ui); padding:8px 10px; letter-spacing:.12em; margin-bottom:30px; transform:rotate(-5deg); } #top .ni-home .founder-content h2 { letter-spacing:-.025em; } #top .ni-home .founder-content h2 span { text-decoration:underline; text-decoration-color:var(--red); text-decoration-thickness:5px; text-underline-offset:6px; } #top .ni-home .founder-photo .photo-quote { background:var(--red); padding:10px 13px; transform:rotate(-2deg); } @media (max-width:1120px) { #top .ni-home .goal-card::before { font-size:9px; } } @media (max-width:760px) { #top .ni-home .hero h1 { transform:none; } #top .ni-home .raw-stamp { font-size:9px; } #top .ni-home .hero-media-tag { right:20px; top:18px; box-shadow:3px 3px 0 var(--black); } #top .ni-home .goal-card { transform:rotate(-1deg); box-shadow:5px 8px 0 rgba(2,2,2,.3); } #top .ni-home .goal-card::before { top:7px; right:7px; } #top .ni-home .goal-card .micro { max-width:65%; } #top .ni-home .tile:nth-child(2), #top .ni-home .tile:nth-child(3) { transform:none; } #top .ni-home .tile:nth-child(2):hover, #top .ni-home .tile:nth-child(3):hover { transform:none; } #top .ni-home .interlude-copy h2::after { font-size:.4em; } #top .ni-home .founder-content::before { margin-bottom:16px; } } @media (prefers-reduced-motion:reduce) { #top .ni-home .tile, #top .ni-home .tile:nth-child(2), #top .ni-home .tile:nth-child(3) { transition:none } } @font-face { font-family: "Nachmittage Display"; src: url("https://www.torsten-luttmann.de/font/NachmittageDisplay-Regular-v2.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } #top .ni-home { --bs-body-font-size: 1rem; --font-display: "Nachmittage Display", Impact, "Arial Narrow", sans-serif; --font-body: "Roboto Slab", Georgia, serif; --font-ui: "Roboto Slab", Georgia, serif; } #top .ni-home { font-size: 16px; } #top .ni-home { font-family: var(--font-body); font-size: var(--bs-body-font-size); } #top .ni-home h1, #top .ni-home h2, #top .ni-home h3, #top .ni-home h4 { font-family: var(--font-display); font-weight: 400; } #top .ni-home .hero h1 { letter-spacing: -0.012em; } #top .ni-home .hero-copy p, #top .ni-home .tile-content p, #top .ni-home .founder-content p, #top .ni-home .interlude-copy p, #top .ni-home .bookbar p, #top .ni-home .shop-copy { line-height:1.66; } /* WP / ENFOLD: Der Theme-Header bleibt zuständig. Nur auf der Startseite werden Farbe und Größe dem bestätigten Design angeglichen. */ #top:has(.ni-home) { --header-height: 96px; } #top:has(.ni-home) #header_main { background: #020202 !important; border-bottom: 5px solid #89252d !important; } #top:has(.ni-home) #header .header_bg { opacity:0 !important; } #top:has(.ni-home) #header_main .sub-menu, #top:has(.ni-home) #header_main .sub-menu a { background:#020202 !important; } #top:has(.ni-home) #header_main .main_menu ul:first-child > li > a { color:#fff; } #top:has(.ni-home) #header_main .main_menu ul:first-child > li > a:hover { color:#fff; } #top:has(.ni-home) #header_main .main_menu ul:first-child > li > a .avia-menu-text::after { background:#89252d; } @media (min-width:768px) { #top:has(.ni-home) #header_main > .container, #top:has(.ni-home) #header_main .av-logo-container, #top:has(.ni-home) #header_main .inner-container { height:96px!important; min-height:96px!important; } #top:has(.ni-home) #header_main .logo, #top:has(.ni-home) #header_main .main_menu, #top:has(.ni-home) #header_main .main_menu ul:first-child > li > a { height:96px!important; line-height:96px!important; } } @media(max-width:767px){ #top:has(.ni-home){--header-height:72px;} } /* Enfold-Hüllen: Startseite wirklich flächig bis zum Viewport-Rand. */ #top:has(.ni-home) #main .container:has(.ni-home), #top:has(.ni-home) #main .content:has(.ni-home), #top:has(.ni-home) #main .entry-content-wrapper:has(.ni-home), #top:has(.ni-home) #main .post-entry:has(.ni-home) { width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important; padding-top:0!important;padding-bottom:0!important;margin:0!important; } #top .ni-home { isolation:isolate; } #top .ni-home .ni-home-vlog-shortcode { margin-top:30px; } #top .ni-home .ni-home-vlog-shortcode:empty { display:none; } #top .ni-home .goal-card--fallback::before { content:'✓ ERLEDIGT'; } #top .ni-home .goal-card__text { padding-top:8px; } #top .ni-home .goal-card h3 { max-width:400px; } #top .ni-home .hero-media-foot { pointer-events:none; } #top .ni-home .book-image { background:transparent;overflow:visible; } #top .ni-home .book-image img { object-fit:contain; } #top .ni-home .tile-photo img { width:100%;height:100%;object-fit:cover; } #top .ni-home .ni-shop-pending { font-size:13px;color:#555;max-width:520px; } #top .ni-home .product-name a { color:inherit;text-decoration:none;display:flex;align-items:center;justify-content:space-between;width:100%;gap:14px; } #top .ni-home .product-name a:hover { color:#89252d; } #top .ni-home .product-scene img { position:relative;z-index:1;max-width:90%;max-height:86%;width:auto;height:auto;object-fit:contain; } #top .ni-home .product-name { margin-top:18px; } #top .ni-home .ni-image-placeholder { width:100%;height:100%;background:#f1f1f1; } #top .ni-home .goal-card .line-link:hover { color:white; } @media(prefers-reduced-motion:reduce) { #top .ni-home * { animation:none!important;transition:none!important; } } /* Korrektur: Die Hero-Zielkarte verwendet semantisch h2, nicht h3. */ #top .ni-home .goal-card h2 { margin:11px 0 15px; font-size:clamp(28px,2.7vw,35px);line-height:1.06;color:#fff;max-width:400px; } #top .ni-home .tile-latest { margin-top:-7px;margin-bottom:16px;font-size:12px;line-height:1.5;color:#89252d;font-weight:700; } /* HTML-Abweichungen zur rein statischen Designvorschau */ #top .ni-home .tile-photo { display:block; } #top .ni-home .tile-content { min-height:215px; } #top .ni-home .tile-latest { overflow-wrap:anywhere; } #top .ni-home .founder-photo img { filter:grayscale(.15) brightness(.93) contrast(1.08); }