/*
Theme Name: Partnersuche City Pulse
Theme URI: https://partnersuche.cc/
Author: Partnersuche.cc
Description: Editoriales, responsives Magazin-Theme für partnersuche.cc.
Version: 1.0.1
Text Domain: partnersuche-city-pulse
*/

:root{--ink:#10131b;--paper:#f2eee7;--electric:#1638d1;--coral:#ff685b;--line:#aeb0ae}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#090a0e;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%;height:auto}
.site-frame{width:100%;max-width:1400px;margin:0 auto;overflow:hidden;background:var(--paper);box-shadow:0 0 80px rgba(0,0,0,.35)}
.content-width{width:100%;max-width:1400px;margin-inline:auto;padding-inline:clamp(24px,5vw,76px)}
.global-header{color:#fff;background:var(--electric)}
.header-main{height:92px;display:flex;align-items:center;gap:38px;border-bottom:1px solid rgba(255,255,255,.24)}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:22px;font-weight:900;letter-spacing:-.055em;white-space:nowrap}
.brand .brand-domain{color:var(--coral)}
.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:var(--electric);background:var(--coral);border-radius:50% 50% 50% 18%;transform:rotate(-6deg)}
.brand-mark svg{width:18px;transform:rotate(6deg)}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:clamp(24px,3.4vw,50px)}
.nav-links a{position:relative;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.095em}
.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--coral);transition:right .25s ease}
.nav-links a:hover:after{right:0}
.header-search{width:43px;height:43px;display:grid;place-items:center;color:#fff;border-radius:50%}
.header-search:hover{background:rgba(255,255,255,.12)}
.header-search svg{width:20px}
.mobile-nav{display:none;margin-left:auto;position:relative}.mobile-nav summary{width:43px;height:43px;display:grid;place-items:center;list-style:none;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary svg{width:23px}.mobile-nav-panel{position:absolute;right:0;top:52px;z-index:20;min-width:220px;padding:16px;display:flex;flex-direction:column;gap:5px;background:#0b0c11;box-shadow:0 18px 45px rgba(0,0,0,.35)}.mobile-nav-panel a{padding:12px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mobile-nav-panel a:hover{color:var(--coral)}
.pulse-ticker{height:40px;display:flex;align-items:center;gap:54px;overflow:hidden;color:#ff8a7e;border-bottom:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:900;letter-spacing:.24em;white-space:nowrap}
.pulse-ticker span{min-width:max-content;animation:ticker 25s linear infinite}@keyframes ticker{to{transform:translateX(-100%)}}
.hero{height:clamp(620px,76vh,820px);min-height:620px;position:relative;overflow:hidden;isolation:isolate;color:#fff;background:#0d1018}
.hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 43%;animation:heroDrift 12s ease-in-out infinite alternate;will-change:transform}.hero-photo.is-paused{animation-play-state:paused}@keyframes heroDrift{from{transform:scale(1.015)}to{transform:scale(1.075) translate3d(-1.1%,-.5%,0)}}
.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,9,15,.92) 0%,rgba(7,9,15,.22) 61%,rgba(7,9,15,.05) 100%)}
.hero-title{position:absolute;left:0;right:0;bottom:48px}.issue-label{display:inline-block;margin-bottom:19px;padding:8px 11px;color:#111522;background:var(--coral);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;transform:rotate(-1.5deg)}
.hero h1{max-width:1140px;margin:0;font-size:clamp(4rem,7.6vw,8rem);line-height:.84;letter-spacing:-.075em;text-transform:uppercase;font-weight:950}.hero h1 em{color:var(--coral);font-family:Georgia,serif;font-weight:400;text-transform:none}
.hero-bottom{margin-top:30px;display:flex;align-items:end;justify-content:space-between;gap:32px}.hero-bottom p{max-width:540px;margin:0;color:rgba(255,255,255,.78);font-size:18px;line-height:1.55}.circle-link{width:60px;height:60px;display:grid;place-items:center;color:#10131b;background:var(--coral);border-radius:50%;transition:transform .25s ease}.circle-link:hover{transform:rotate(-25deg) scale(1.05)}.circle-link svg{width:27px}
.motion-toggle{position:absolute;z-index:2;top:26px;right:clamp(24px,5vw,76px);min-width:46px;height:46px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:rgba(10,12,18,.58);border:1px solid rgba(255,255,255,.38);border-radius:999px;backdrop-filter:blur(10px);cursor:pointer}.motion-toggle svg{width:17px}.motion-toggle span{font-size:12px;font-weight:700}
.stories{padding-top:clamp(90px,10vw,145px);padding-bottom:clamp(95px,10vw,150px);background:var(--paper)}
.section-title{margin-bottom:58px;display:flex;align-items:end;justify-content:space-between;gap:40px}.section-title h1,.section-title h2{margin:0;font-size:clamp(3.6rem,7vw,7rem);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;font-weight:950}.section-title>p{margin:0;padding-bottom:6px;font-size:13px;line-height:1.6;text-transform:uppercase;letter-spacing:.11em}.section-title strong{color:var(--electric)}
.fresh-badge{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.fresh-badge i{width:8px;height:8px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 5px rgba(255,104,91,.13)}
.story-grid{display:grid;grid-template-columns:repeat(12,1fr);border-top:2px solid var(--ink)}.story-card{min-height:285px;padding:25px;display:flex;flex-direction:column;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s,color .25s}.story-card:hover{color:#fff;background:var(--electric)}.story-card-1{grid-column:span 6;grid-row:span 2;min-height:620px}.story-card-2,.story-card-3,.story-card-4,.story-card-5{grid-column:span 3}.story-card-6{grid-column:span 6}
.story-meta{display:flex;justify-content:space-between;margin-bottom:21px;color:#73797e;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.story-card:hover .story-meta{color:rgba(255,255,255,.72)}.story-image{height:290px;margin-bottom:28px;overflow:hidden;background:#c9c7c2}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.story-card:hover .story-image img{transform:scale(1.04)}
.story-category{margin:auto 0 12px;color:#e54f42;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.story-card:hover .story-category{color:#ff9187}.story-card h2,.story-card h3{max-width:650px;margin:0 38px 0 0;font-size:clamp(1.3rem,2vw,2.05rem);line-height:1.08;letter-spacing:-.035em;text-transform:uppercase}.story-card>.arrow{position:absolute;right:23px;bottom:24px;width:21px}.story-excerpt{max-width:650px;margin-top:17px;padding-right:42px;color:#656d72;font-size:15px;line-height:1.55}.story-card:hover .story-excerpt{color:rgba(255,255,255,.72)}
.manifesto{color:#fff;background:var(--electric)}.manifesto-inner{padding-top:clamp(85px,10vw,145px);padding-bottom:clamp(90px,10vw,150px);position:relative}.manifesto-inner:before{content:"03";position:absolute;right:5vw;top:8%;color:rgba(255,255,255,.08);font-size:clamp(10rem,25vw,24rem);line-height:1;font-weight:950}.manifesto p{margin:0 0 28px;color:#ff8c81;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.18em}.manifesto h2{position:relative;max-width:1020px;margin:0 0 42px;font-size:clamp(2.8rem,5.8vw,5.8rem);line-height:.98;letter-spacing:-.055em;text-transform:uppercase}.manifesto h2 em{color:var(--coral);font-family:Georgia,serif;font-weight:400;text-transform:none}.manifesto a{width:max-content;position:relative;display:flex;align-items:center;gap:12px;padding-bottom:7px;border-bottom:1px solid #fff;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.manifesto a svg{width:19px}
.global-footer{color:#fff;background:#0b0c11}.footer-main{padding-top:clamp(75px,8vw,115px);padding-bottom:75px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);gap:clamp(60px,9vw,140px)}.footer-intro .brand{width:max-content;margin-bottom:42px}.footer-intro h2{max-width:700px;margin:0 0 24px;font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:.96;letter-spacing:-.055em;text-transform:uppercase}.footer-intro h2 em{color:var(--coral);font-family:Georgia,serif;font-weight:400;text-transform:none}.footer-intro>p{max-width:520px;margin:0;color:#8e939c;font-size:16px;line-height:1.6}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:84px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-links p{margin:0 0 9px;color:#777d87;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}.footer-links a{display:flex;align-items:center;gap:7px;color:#d7d9dd;font-size:14px;font-weight:700}.footer-links a:hover{color:var(--coral)}.footer-bottom{min-height:70px;padding-top:20px;padding-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:#696f79;border-top:1px solid #292b32;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.archive-main,.singular-main{min-height:60vh;padding-top:clamp(70px,8vw,115px);padding-bottom:clamp(90px,10vw,145px)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.archive-card{min-height:380px;padding:22px;display:flex;flex-direction:column;background:var(--paper);transition:.25s}.archive-card:hover{color:#fff;background:var(--electric)}.archive-thumb{height:190px;margin:-22px -22px 24px;overflow:hidden}.archive-thumb img{width:100%;height:100%;object-fit:cover}.archive-card h2{margin:12px 0;font-size:1.55rem;line-height:1.12;text-transform:uppercase}.pagination{margin-top:45px;font-weight:800}.pagination .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;margin-right:5px;border:1px solid var(--line)}.pagination .current{color:#fff;background:var(--electric)}
.article-header{margin-bottom:48px}.article-kicker{color:var(--coral);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.article-title{max-width:1050px;margin:18px 0 25px;font-size:clamp(3rem,6vw,6rem);line-height:.94;letter-spacing:-.055em;text-transform:uppercase}.article-meta{color:#70777d;font-size:13px;text-transform:uppercase;letter-spacing:.09em}.article-featured{width:100%;max-height:650px;margin-bottom:55px;object-fit:cover}.entry-content{max-width:830px;margin:0 auto;font:18px/1.75 Georgia,serif}.entry-content h2,.entry-content h3{font-family:Arial,Helvetica,sans-serif;line-height:1.1;letter-spacing:-.035em}.entry-content h2{margin-top:2em;font-size:2.2rem}.entry-content a{color:var(--electric);text-decoration:underline}.entry-content img{margin:2.5rem auto}.entry-content blockquote{margin:2.5rem 0;padding:1rem 0 1rem 2rem;border-left:5px solid var(--coral);font-size:1.3em}.not-found{text-align:center}.not-found h1{font-size:clamp(5rem,15vw,12rem);margin:0;color:var(--electric)}
@media(max-width:900px){.header-main{height:76px}.nav-links,.header-search{display:none}.mobile-nav{display:block}.pulse-ticker{height:36px}.hero{height:690px;min-height:690px}.hero h1{font-size:clamp(3.55rem,11vw,5.6rem)}.hero-title{bottom:38px}.hero-bottom p{max-width:450px;font-size:16px}.story-card-1{grid-column:span 12}.story-card-2,.story-card-3,.story-card-4,.story-card-5{grid-column:span 6}.story-card-6{grid-column:span 12}.footer-main{grid-template-columns:1fr}.footer-links{padding-top:0}.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.content-width{padding-inline:20px}.brand{font-size:20px}.brand-mark{width:34px;height:34px}.hero{height:680px;min-height:680px}.hero-photo{object-position:42% center}.hero-overlay{background:linear-gradient(0deg,rgba(7,9,15,.93),rgba(7,9,15,.13) 76%)}.hero h1{font-size:3.65rem;line-height:.86}.issue-label{font-size:10px}.hero-bottom{align-items:center}.hero-bottom p{max-width:245px;font-size:15px}.circle-link{width:52px;height:52px}.motion-toggle{top:18px;right:18px;width:44px;min-width:44px;padding:0}.motion-toggle span{display:none}.section-title{align-items:flex-start;flex-direction:column;gap:28px}.section-title h1,.section-title h2{font-size:3.85rem}.story-card-1,.story-card-2,.story-card-3,.story-card-4,.story-card-5,.story-card-6{grid-column:span 12;min-height:255px;border-right:0}.story-card-1{min-height:575px}.story-image{height:250px}.manifesto h2{font-size:2.95rem}.footer-links{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-intro h2{font-size:2.8rem}.archive-grid{grid-template-columns:1fr}.article-title{font-size:3rem}.entry-content{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo,.pulse-ticker span{animation:none!important}*{transition-duration:.01ms!important}}