/* Version 1.7.21: auffälliger Beitragsaufruf und Archiv-Inhaltsmigration */
.blog-submit-banner{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  margin:26px 0 34px;
  padding:22px 24px;
  border:2px solid #f87171;
  border-radius:20px;
  background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 52%,#fff7ed 100%);
  color:#7f1d1d;
  box-shadow:0 16px 34px rgba(220,38,38,.18);
}
.blog-submit-banner::before{
  content:'➜';
  display:flex;
  align-items:center;
  justify-content:center;
  width:72px;
  height:72px;
  color:#dc2626;
  font-size:68px;
  line-height:1;
  font-weight:900;
  filter:drop-shadow(0 5px 7px rgba(185,28,28,.22));
  animation:zfRedArrowPulse 1.5s ease-in-out infinite;
}
.blog-submit-banner::after{
  content:'';
  position:absolute;
  right:-45px;
  top:-65px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(248,113,113,.12);
  pointer-events:none;
}
.blog-submit-banner>div{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}
.blog-submit-banner strong{display:block;color:#991b1b;font-size:clamp(1.3rem,2.5vw,1.85rem);font-weight:900;line-height:1.15}
.blog-submit-banner span{display:block;color:#7f1d1d;font-size:1.02rem}
.blog-submit-banner .btn{
  position:relative;
  z-index:1;
  border:0!important;
  background:linear-gradient(135deg,#dc2626,#b91c1c)!important;
  color:#fff!important;
  font-weight:900;
  padding:15px 24px;
  box-shadow:0 9px 20px rgba(185,28,28,.28);
}
.blog-submit-banner .btn:hover{transform:translateY(-2px) scale(1.025)}
@keyframes zfRedArrowPulse{
  0%,100%{transform:rotate(-7deg) translateX(0) scale(1)}
  50%{transform:rotate(-7deg) translateX(9px) scale(1.1)}
}
@media(max-width:760px){
  .blog-submit-banner{grid-template-columns:auto 1fr;padding:19px 18px;gap:14px}
  .blog-submit-banner::before{width:52px;height:52px;font-size:48px}
  .blog-submit-banner .btn{grid-column:1/-1;width:100%;text-align:center}
}