/* ============ Promisklatschs Design v1.0 ============ */
:root{
  --pk-red:#8b1523; --pk-red-dark:#6d101b; --pk-gold:#d4af37;
  --pk-ink:#16161a; --pk-mut:#78787f; --pk-bg:#f8f7f4; --pk-card:#fff; --pk-line:#e5e1d8;
}
.pk-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- HOMEPAGE ---------- */
.pk-home{max-width:1240px;margin:0 auto;padding:0 20px 40px;background:var(--pk-bg);}
.pk-ticker{display:flex;gap:12px;align-items:center;background:var(--pk-red);color:#fff;
  padding:10px 18px;font-size:17px;margin:0 -20px 18px;}
.pk-ticker-label{font-weight:700;}
.pk-ticker a{color:#fff;text-decoration:none;}
.pk-ticker a:hover{text-decoration:underline;}

.pk-hero{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px;}
.pk-slide{display:block;position:relative;background:var(--pk-card);border:1px solid var(--pk-line);text-decoration:none;color:inherit;}
.pk-slide-img{display:block;aspect-ratio:16/8;overflow:hidden;background:#d8d4ca;}
.pk-slide-img img{width:100%;height:100%;object-fit:cover;display:block;}
.pk-slide-text{display:block;padding:18px 22px;}
.pk-slide-title{display:block;font-size:30px;font-weight:700;line-height:1.25;}
.pk-slide-sub{display:block;color:var(--pk-mut);margin-top:8px;font-size:17px;}
.pk-hero-side{display:flex;flex-direction:column;gap:18px;}
.pk-side-card{display:flex;background:var(--pk-card);border:1px solid var(--pk-line);text-decoration:none;color:inherit;min-height:130px;}
.pk-side-img{width:150px;flex:none;background:#d8d4ca;}
.pk-side-img img{width:100%;height:100%;object-fit:cover;display:block;}
.pk-side-text{padding:14px 16px;display:flex;flex-direction:column;gap:6px;}
.pk-side-title{font-weight:700;font-size:19px;line-height:1.3;}
.pk-side-time{color:var(--pk-mut);font-size:15px;}

.pk-trending{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:center;background:var(--pk-ink);
  color:#fff;padding:14px 20px;margin-bottom:26px;}
.pk-trending-label{color:var(--pk-gold);font-weight:700;font-size:19px;}
.pk-trending a{color:#fff;text-decoration:none;font-size:17px;}
.pk-trending a:hover{color:var(--pk-gold);}

.pk-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:34px;}
.pk-tile{background:var(--pk-card);border:1px solid var(--pk-line);border-left:8px solid var(--pk-red);
  padding:20px 22px;text-decoration:none;color:inherit;display:block;}
.pk-tile:hover{border-color:var(--pk-red);}
.pk-tile-name{display:block;font-size:23px;font-weight:700;}
.pk-tile-count{display:block;color:var(--pk-mut);margin-top:6px;font-size:16px;}

.pk-star{display:grid;grid-template-columns:380px 1fr;gap:30px;background:var(--pk-card);
  border:3px solid var(--pk-gold);padding:28px;margin-bottom:34px;align-items:center;}
.pk-star-img{display:block;aspect-ratio:4/3;background:#d8d4ca;overflow:hidden;}
.pk-star-img img{width:100%;height:100%;object-fit:cover;}
.pk-star-kicker{color:var(--pk-gold);font-weight:700;letter-spacing:1px;}
.pk-star-name{display:block;font-size:42px;font-weight:700;margin:6px 0 10px;}
.pk-star-sub{display:block;color:var(--pk-mut);font-size:18px;margin-bottom:18px;}
.pk-btn{display:inline-block;background:var(--pk-red);color:#fff !important;padding:12px 26px;
  text-decoration:none;font-weight:700;border-radius:3px;}
.pk-btn:hover{background:var(--pk-red-dark);}

.pk-section{margin-bottom:36px;}
.pk-sechead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;}
.pk-sechead h2{color:var(--pk-red);font-size:30px;margin:0;}
.pk-sechead a{color:var(--pk-mut);text-decoration:none;font-size:16px;}
.pk-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.pk-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.pk-card{display:block;background:var(--pk-card);border:1px solid var(--pk-line);text-decoration:none;color:inherit;}
.pk-card:hover{border-color:var(--pk-red);}
.pk-card-img{display:block;aspect-ratio:16/9;background:#d8d4ca;overflow:hidden;}
.pk-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.pk-noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,#d8d4ca,#c4c0b5);}
.pk-card-title{display:block;font-weight:700;font-size:19px;line-height:1.35;padding:14px 16px 4px;}
.pk-card-meta{display:block;color:var(--pk-mut);font-size:15px;padding:0 16px 14px;}
.pk-card-more{display:block;color:var(--pk-red);font-size:16px;padding:0 16px 14px;}

.pk-spotlight{background:#121216;padding:34px 30px;margin-bottom:36px;}
.pk-spotlight h2{color:var(--pk-gold);font-size:30px;margin:0 0 20px;}
.pk-money{display:block;background:#28282e;padding:22px;text-decoration:none;}
.pk-money:hover{background:#33333b;}
.pk-money-title{display:block;color:#fff;font-weight:700;font-size:19px;line-height:1.35;min-height:78px;}
.pk-money-more{display:block;color:#b9b9c0;font-size:16px;margin-top:10px;}

.pk-mostread{background:var(--pk-card);border:1px solid var(--pk-line);padding:28px 34px;}
.pk-mostread h2{color:var(--pk-red);font-size:28px;margin:0 0 10px;}
.pk-mostread ol{list-style:none;margin:0;padding:0;counter-reset:pk;}
.pk-mostread li{counter-increment:pk;display:flex;gap:18px;align-items:baseline;
  padding:14px 0;border-bottom:1px solid var(--pk-line);}
.pk-mostread li::before{content:counter(pk);color:var(--pk-gold);font-weight:700;font-size:30px;}
.pk-mostread li a{color:inherit;text-decoration:none;font-size:20px;}
.pk-mostread li a:hover{color:var(--pk-red);}

.pk-newsletter{background:var(--pk-red);padding:36px;text-align:center;margin-bottom:10px;}
.pk-newsletter h2{color:#fff;font-size:30px;margin:0 0 18px;}
.pk-nl-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.pk-nl-form input{padding:12px 18px;font-size:17px;border:none;min-width:320px;border-radius:3px;}
.pk-nl-form button{background:var(--pk-ink);color:#fff;border:none;padding:12px 30px;
  font-size:17px;font-weight:700;cursor:pointer;border-radius:3px;}
.pk-nl-note{color:#f3c9cd;font-size:14px;margin:12px 0 0;}
.pk-nl-thanks{color:#fff;font-size:20px;font-weight:700;}

/* ---------- ARTIKEL-DESIGN ---------- */
.pk-breadcrumb{font-size:15px;color:var(--pk-mut);margin-bottom:10px;}
.pk-breadcrumb a{color:var(--pk-mut);text-decoration:none;}
.pk-breadcrumb a:hover{color:var(--pk-red);}

.single .entry-content h2{color:var(--pk-red);font-size:32px;margin:38px 0 16px;line-height:1.3;}
.single .entry-content h3{font-size:24px;margin:28px 0 12px;}
.single .entry-content p{font-size:18px;line-height:1.75;margin-bottom:18px;}
.single .entry-content h2:first-of-type + p::first-letter{
  float:left;font-size:64px;line-height:0.9;font-weight:700;color:var(--pk-red);
  padding:6px 10px 0 0;}

.pk-kurzantwort{background:#f7f4ef;border-left:5px solid var(--pk-red);padding:18px 22px;margin-bottom:28px;}
.pk-kurzantwort p{margin:0 !important;font-size:19px !important;}

.single .entry-content table{width:100%;border-collapse:collapse;margin:0 0 28px;font-size:17px;}
.single .entry-content thead th{background:#efece4;text-align:left;padding:12px 16px;font-weight:700;}
.single .entry-content tbody td{padding:11px 16px;border-bottom:1px solid var(--pk-line);}
.single .entry-content tbody tr:nth-child(even) td{background:#faf9f6;}

.pk-pullquote{border-left:5px solid var(--pk-gold);background:#fffdf6;padding:22px 28px;
  margin:30px 0;font-size:23px;font-weight:700;line-height:1.5;}
.pk-pullquote::before{content:"\201E";color:var(--pk-gold);font-size:40px;line-height:0;
  display:block;margin-bottom:6px;}

.pk-cta-band{display:flex;justify-content:space-between;align-items:center;gap:16px;
  background:var(--pk-ink);color:#fff;padding:20px 26px;margin:30px 0;flex-wrap:wrap;}
.pk-cta-band span{font-size:21px;font-weight:700;color:var(--pk-gold);}
.pk-cta-band a{color:#fff;text-decoration:none;border:1px solid var(--pk-gold);
  padding:10px 22px;border-radius:3px;}
.pk-cta-band a:hover{background:var(--pk-gold);color:var(--pk-ink);}

.pk-faq{margin:10px 0 30px;border:1px solid var(--pk-line);}
.pk-faq-item + .pk-faq-item{border-top:1px solid var(--pk-line);}
.pk-faq-q{width:100%;text-align:left;background:#fff;border:none;padding:18px 22px;
  font-size:20px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:12px;}
.pk-faq-q::after{content:"+";color:var(--pk-red);font-size:26px;line-height:1;}
.pk-faq-item.open .pk-faq-q::after{content:"–";}
.pk-faq-a{display:none;padding:0 22px 20px;font-size:18px;line-height:1.7;}
.pk-faq-item.open .pk-faq-a{display:block;}

.pk-author{display:flex;gap:18px;align-items:center;background:var(--pk-card);
  border:1px solid var(--pk-line);padding:22px;margin:36px 0;}
.pk-author-avatar{width:64px;height:64px;flex:none;border-radius:50%;background:var(--pk-red);
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;}
.pk-author p{margin:6px 0 0;color:var(--pk-mut);font-size:16px;}

.pk-related{margin:10px 0 30px;}
.pk-related h2{color:var(--pk-red);font-size:28px;}
.pk-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:960px){
  .pk-hero,.pk-star{grid-template-columns:1fr;}
  .pk-tiles,.pk-grid3{grid-template-columns:1fr 1fr;}
  .pk-grid4{grid-template-columns:1fr 1fr;}
  .pk-related-grid{grid-template-columns:1fr;}
  .pk-slide-title{font-size:24px;}
  .single .entry-content h2{font-size:27px;}
}
@media (max-width:600px){
  .pk-tiles,.pk-grid3,.pk-grid4{grid-template-columns:1fr;}
  .pk-nl-form input{min-width:0;width:100%;}
}
