/*
Theme Name: Liebeskiller Emotional Elegance
Theme URI: https://liebeskiller.com/
Author: Liebeskiller
Description: Eigenständiges Magazin-Theme mit durchgehendem Bildheader, rechter Sidebar und Bordeaux-Footer.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: liebeskiller-emotional
*/
:root{--wine:#a40031;--deep:#67001d;--ink:#14202d;--muted:#5e6570;--cream:#fffaf7;--line:#eee6e5}*{box-sizing:border-box}body{margin:0;background:#fcf9f7;color:var(--ink);font:16px/1.7 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:var(--wine);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{width:min(1380px,calc(100% - 48px));margin:auto}.site-header{background:#fff;position:relative;z-index:5;box-shadow:0 2px 12px #1b15200c}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-weight:900;font-size:26px;letter-spacing:-1.2px;white-space:nowrap;color:#10141b}.brand span{color:var(--wine)}.brand small{display:block;font-size:9px;letter-spacing:1px;font-weight:600;line-height:1.2}.nav ul{display:flex;gap:22px;list-style:none;padding:0;margin:0}.nav a{font-size:13px;color:#202938;font-weight:600}.nav a:hover{color:var(--wine)}.help{background:var(--wine);color:#fff;border-radius:24px;padding:9px 23px;font-weight:700;white-space:nowrap}.help:hover{color:#fff}.hero{background:linear-gradient(90deg,#fff8f1 0%,#fff8f1 33%,#fff8f1d6 49%,#fff8f100 75%),url('assets/hero.jpg') right center/auto 100% no-repeat,#fff8f1;min-height:315px;display:flex;align-items:center}.hero-content{padding:36px 0;max-width:1380px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:700}.hero h1{font-size:clamp(28px,3vw,47px);max-width:720px;line-height:1.2;margin:12px 0;color:#14202d}.hero h1 em{color:var(--wine);font-style:normal}.hero p{max-width:530px;color:#46505a;line-height:1.6}.features{position:relative;margin-top:-20px;background:#fff;border-radius:14px;box-shadow:0 8px 30px #35232b14;display:grid;grid-template-columns:repeat(5,1fr);padding:18px;gap:10px}.feature{display:flex;gap:10px;align-items:center;padding:8px;border-right:1px solid #eee}.feature:last-child{border:0}.feature i{font-style:normal;background:#fff0f2;color:var(--wine);width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-size:22px;flex-shrink:0}.feature b{display:block;font-size:13px}.feature small{font-size:11px;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;margin-top:36px;margin-bottom:60px}.section-title{font-size:28px;line-height:1.3;margin:0 0 18px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 22px #211d1d0a}.thumb{height:175px;background:linear-gradient(120deg,#f8e8e4,#e8d1d1);position:relative}.thumb img{width:100%;height:100%;object-fit:cover}.cat-pill{position:absolute;bottom:10px;left:10px;background:var(--wine);color:white;border-radius:18px;font-size:10px;padding:4px 10px;font-weight:800}.card-body{padding:15px}.card-body h2{font-size:17px;line-height:1.35;margin:0 0 8px}.card-body h2 a{color:var(--ink)}.card-body p{color:var(--muted);font-size:13px;margin:0 0 10px}.more{font-size:12px;font-weight:700}.widget{background:#fff;border-radius:12px;padding:18px;margin-bottom:17px;box-shadow:0 4px 20px #211d1d0a}.widget-title,.widget h2,.widget h3{font-size:19px;line-height:1.3;margin:0 0 15px}.widget ul{list-style:none;margin:0;padding:0}.widget li{border-bottom:1px solid #eee;padding:7px 0}.widget li:last-child{border:0}.widget li a{color:#26303b;font-size:14px}.widget input[type=search],.widget input[type=text]{width:100%;padding:12px;border:1px solid #e8e5e4;border-radius:6px}.widget input[type=submit],.widget button{width:100%;padding:10px;background:var(--wine);color:white;border:0;border-radius:6px;margin-top:8px;cursor:pointer}.article{background:#fff;border-radius:12px;padding:clamp(22px,4vw,48px);box-shadow:0 4px 20px #211d1d0a}.article h1{font-size:clamp(30px,3vw,43px);line-height:1.2;margin-top:0}.article h2{font-size:27px;margin-top:35px}.article h3{font-size:21px}.article p,.article li{line-height:1.85}.article table{max-width:100%;display:block;overflow-x:auto}.article blockquote{border-left:4px solid var(--wine);margin:26px 0;padding:12px 20px;background:#fff6f6}.article .wp-block-image img,.article>img{border-radius:10px}.pagination{margin:30px 0}.pagination .page-numbers{padding:8px 12px;background:#fff;border-radius:5px;margin-right:4px}.site-footer{background:linear-gradient(125deg,#760021,#430015);color:#fff;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.3fr;gap:38px}.site-footer h3{font-size:16px;margin:0 0 16px}.site-footer p,.site-footer a{font-size:13px;color:#f6dfe5}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-bottom:9px}.footer-quote{border-left:1px solid #c77c8c;padding-left:25px;font-style:italic}.copyright{border-top:1px solid #ffffff33;margin-top:36px;padding-top:17px;font-size:12px;color:#f0ccd6}.menu-toggle{display:none}.screen-reader-text{position:absolute;left:-9999px}.alignwide{max-width:100%}@media(max-width:1100px){.nav ul{gap:10px}.post-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.wrap{width:min(100% - 28px,1380px)}.topbar{flex-wrap:wrap;padding:12px 0}.menu-toggle{display:block;background:var(--wine);border:0;color:white;padding:8px 12px;border-radius:5px}.nav{display:none;width:100%;order:3}.nav.open{display:block}.nav ul{display:block}.nav li{padding:7px 0}.help{margin-left:auto}.hero{background:linear-gradient(90deg,#fff8f1e8,#fff8f1ba),url('assets/hero.jpg') center/cover;min-height:300px}.hero h1{font-size:32px}.features{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.post-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:530px){.brand{font-size:20px}.help{font-size:12px;padding:7px 12px}.features{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #eee}.post-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero h1{font-size:29px}}
