/* ==========================================================================
   Turfsport News – Redaktionelles Portaldesign
   ========================================================================== */

.portal-news-main{min-width:0}

.portal-news-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:155px;
  margin-bottom:16px;
  padding:28px 30px;
  border:1px solid #d8e2dc;
  border-radius:15px;
  background:
    radial-gradient(circle at 90% 15%,rgba(199,139,35,.13),transparent 27%),
    linear-gradient(135deg,#fff 0%,#f7faf8 70%,#fbf5e8 100%);
  box-shadow:0 10px 25px rgba(20,58,44,.045);
}
.portal-news-head h1{
  margin:5px 0 7px;
  color:#154c39;
  font-size:34px;
  line-height:1.08;
}
.portal-news-head p:last-child{
  max-width:690px;
  margin:0;
  color:#607069;
  font-size:14px;
  line-height:1.55;
}
.portal-news-head__mark{
  display:flex;
  width:76px;
  height:76px;
  flex:0 0 76px;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  background:#fff8e9;
  color:#b87916;
  box-shadow:inset 0 0 0 1px #ead8b4;
}
.portal-news-head__mark svg{
  width:43px;
  height:43px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.portal-news-filter{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
}
.portal-news-filter a{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  padding:8px 13px;
  border:1px solid #d7e0dc;
  border-radius:9px;
  background:#fff;
  color:#174c3b;
  font-size:11.5px;
  font-weight:850;
  text-decoration:none;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.portal-news-filter a:hover{
  border-color:#b9cfc3;
  background:#f6faf8;
  transform:translateY(-1px);
}
.portal-news-filter a.is-active{
  border-color:#176247;
  background:#176247;
  color:#fff;
}

.portal-news-top{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(270px,.72fr);
  gap:14px;
  margin-bottom:20px;
}
.portal-news-lead,
.portal-news-small,
.portal-news-card{
  overflow:hidden;
  border:1px solid #d8e2dc;
  border-radius:13px;
  background:#fff;
  box-shadow:0 7px 20px rgba(20,58,44,.035);
}
.portal-news-lead{
  display:grid;
  grid-template-rows:235px auto;
}
.portal-news-lead__image,
.portal-news-small__image,
.portal-news-card__image{
  display:block;
  overflow:hidden;
  background:#eef3f0;
}
.portal-news-lead__image img,
.portal-news-small__image img,
.portal-news-card__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease;
}
.portal-news-lead:hover img,
.portal-news-small:hover img,
.portal-news-card:hover img{transform:scale(1.018)}

.portal-news-lead__body{padding:18px 20px 20px}
.portal-news-meta{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}
.portal-news-meta span,
.portal-news-date{
  color:#748079;
  font-size:9.5px;
  font-weight:800;
}
.portal-news-meta span+span{
  padding:4px 7px;
  border-radius:999px;
  background:#fff4dd;
  color:#ad7519;
  text-transform:uppercase;
}
.portal-news-lead h2{
  margin:5px 0 8px;
  font-size:25px;
  line-height:1.15;
}
.portal-news-lead h2 a,
.portal-news-small h3 a,
.portal-news-card h3 a{
  color:#164e3a;
  text-decoration:none;
}
.portal-news-lead p,
.portal-news-small p,
.portal-news-card p{
  color:#65736c;
  line-height:1.5;
}
.portal-news-lead p{
  max-width:720px;
  margin:0 0 13px;
  font-size:12.5px;
}
.portal-news-more{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#176247;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}
.portal-news-more span{
  color:#b77c18;
  font-size:14px;
}

.portal-news-secondary{
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:14px;
}
.portal-news-small{
  display:grid;
  grid-template-rows:126px auto;
}
.portal-news-small__image{height:126px}
.portal-news-small>div{padding:12px 14px 14px}
.portal-news-small h3{
  margin:4px 0 6px;
  font-size:16px;
  line-height:1.18;
}
.portal-news-small p{
  margin:0 0 8px;
  font-size:11px;
}

.portal-news-latest{
  margin-top:2px;
  padding:20px;
  border:1px solid #d8e2dc;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 22px rgba(20,58,44,.035);
}
.portal-news-sectionhead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:15px;
}
.portal-news-sectionhead h2{
  margin:3px 0 0;
  color:#174e3a;
  font-size:22px;
}
.portal-news-sectionhead>span{
  padding:5px 9px;
  border-radius:999px;
  background:#f2f6f4;
  color:#68766f;
  font-size:9.5px;
  font-weight:850;
}

.portal-news-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.portal-news-card{
  display:flex;
  min-width:0;
  flex-direction:column;
}
.portal-news-card__image{
  aspect-ratio:16/8.8;
}
.portal-news-card__body{
  display:flex;
  min-height:205px;
  flex:1;
  flex-direction:column;
  padding:15px 17px 17px;
}
.portal-news-card h3{
  margin:5px 0 8px;
  font-size:17px;
  line-height:1.22;
}
.portal-news-card p{
  margin:0 0 12px;
  font-size:11.5px;
}
.portal-news-card .portal-news-more{margin-top:auto}

/* Rechte News-Navigation */
.portal-news-side{
  overflow:hidden;
  border:1px solid #d8e2dc;
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 20px rgba(25,62,48,.05);
}
.portal-news-side__title{
  margin:0;
  padding:10px 12px;
  background:#176247;
  color:#fff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.portal-news-side__group{
  padding:10px 8px 7px;
}
.portal-news-side__group>span{
  display:block;
  padding:2px 8px 7px;
  color:#a36f19;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}
.portal-news-side nav{display:flex;flex-direction:column}
.portal-news-side nav a{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:38px;
  padding:7px 8px;
  border-bottom:1px solid #e3e9e5;
  border-left:3px solid transparent;
  color:#174e3a;
  font-size:11.5px;
  font-weight:850;
  text-decoration:none;
}
.portal-news-side nav a:last-child{border-bottom:0}
.portal-news-side nav a:hover{background:#f6faf8}
.portal-news-side nav a.is-active{
  border-left-color:#176247;
  background:#e9f3ee;
}
.portal-news-side__icon{
  display:inline-flex;
  width:23px;
  height:23px;
  flex:0 0 23px;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  background:#fbf5e8;
  color:#b47a18;
}
.portal-news-side nav a.is-active .portal-news-side__icon{
  background:#dfeee6;
  color:#176247;
}
.portal-news-side__icon svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.portal-news-side__note{
  padding:12px;
  border-top:1px solid #e1e8e4;
  background:#f8faf9;
}
.portal-news-side__note strong{
  display:block;
  color:#174e3a;
  font-size:11.5px;
}
.portal-news-side__note span{
  display:block;
  margin-top:4px;
  color:#69766f;
  font-size:9.8px;
  line-height:1.45;
}

/* Artikelseite */
.portal-news-article{
  overflow:hidden;
  border:1px solid #d8e2dc;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(23,58,44,.04);
}
.portal-news-article__toolbar{
  padding:16px 24px 0;
}
.portal-news-back{
  color:#176247;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}
.portal-news-article__head{
  padding:20px 28px 23px;
}
.portal-news-article__head h1{
  max-width:840px;
  margin:5px 0 10px;
  color:#154c39;
  font-size:35px;
  line-height:1.12;
}
.portal-news-article__teaser{
  max-width:780px;
  margin:0;
  color:#5f7068;
  font-size:16px;
  line-height:1.55;
}
.portal-news-article__meta{
  display:flex;
  gap:8px;
  margin-top:14px;
}
.portal-news-article__meta span{
  padding:5px 8px;
  border-radius:999px;
  background:#f1f5f3;
  color:#69766f;
  font-size:9.5px;
  font-weight:800;
}
.portal-news-article__figure{
  margin:0;
  padding:0 28px;
}
.portal-news-article__figure img{
  display:block;
  width:100%;
  max-height:490px;
  object-fit:cover;
  border-radius:11px;
}
.portal-news-article__content{
  padding:27px 30px 32px;
  color:#293c34;
  font-size:15px;
  line-height:1.75;
}
.portal-news-article__content>*{max-width:800px}
.portal-news-article__content p{margin:0 0 16px}
.portal-news-article__content h2,
.portal-news-article__content h3{
  color:#16513c;
}
.portal-news-article__content h2{
  margin:29px 0 10px;
  font-size:23px;
}
.portal-news-article__content h3{
  margin:23px 0 8px;
  font-size:18px;
}
.portal-news-article__content img{
  max-width:100%;
  height:auto;
  border-radius:9px;
}
.portal-news-article__content a{
  color:#176247;
  font-weight:750;
}
.portal-news-article__footer{
  padding:15px 28px;
  border-top:1px solid #e1e8e4;
  background:#fafcfb;
}
.portal-news-article__footer a{
  color:#176247;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}

@media(max-width:1100px){
  .portal-news-top{grid-template-columns:1fr}
  .portal-news-secondary{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
}

@media(max-width:760px){
  .portal-news-head{
    min-height:0;
    padding:22px 18px;
  }
  .portal-news-head__mark{display:none}
  .portal-news-head h1{font-size:29px}
  .portal-news-grid,
  .portal-news-secondary{grid-template-columns:1fr}
  .portal-news-latest{padding:14px}
  .portal-news-article__head{padding:18px 20px 20px}
  .portal-news-article__head h1{font-size:29px}
  .portal-news-article__figure{padding:0 18px}
  .portal-news-article__content{padding:22px 20px 28px}
}

/* ==========================================================================
   V178 – eine fixierte Top-News allein, danach gleichmäßiges News-Raster
   ========================================================================== */
.portal-news-feature{
  margin-bottom:20px;
}

.portal-news-feature__card{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);
  min-height:300px;
  overflow:hidden;
  border:1px solid #d8e2dc;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 22px rgba(20,58,44,.04);
}

.portal-news-feature__image{
  display:block;
  min-height:300px;
  overflow:hidden;
  background:#eef3f0;
}

.portal-news-feature__image img{
  display:block;
  width:100%;
  height:100%;
  min-height:300px;
  object-fit:cover;
  transition:transform .25s ease;
}

.portal-news-feature__card:hover .portal-news-feature__image img{
  transform:scale(1.015);
}

.portal-news-feature__body{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:28px 30px;
}

.portal-news-feature__body h2{
  margin:8px 0 11px;
  color:#164e3a;
  font-size:29px;
  line-height:1.13;
}

.portal-news-feature__body h2 a{
  color:inherit;
  text-decoration:none;
}

.portal-news-feature__body p{
  max-width:620px;
  margin:0 0 17px;
  color:#64736c;
  font-size:13px;
  line-height:1.6;
}

/* Alte v177-Sonderaufteilung wird nicht mehr verwendet. */
.portal-news-top,
.portal-news-secondary{
  display:none;
}

@media(max-width:900px){
  .portal-news-feature__card{
    grid-template-columns:1fr;
  }

  .portal-news-feature__image,
  .portal-news-feature__image img{
    min-height:220px;
  }

  .portal-news-feature__body{
    padding:21px 22px 24px;
  }

  .portal-news-feature__body h2{
    font-size:24px;
  }
}

@media(max-width:600px){
  .portal-news-feature__image,
  .portal-news-feature__image img{
    min-height:185px;
  }

  .portal-news-feature__body{
    padding:18px;
  }
}

/* ==========================================================================
   V179 – News-Artikelseite final
   ========================================================================== */
.portal-news-article__toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:17px 28px 0;
}
.portal-news-categorylink{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:5px 9px;
  border:1px solid #d8e3dd;
  border-radius:999px;
  background:#f8fbf9;
  color:#176247;
  font-size:9.5px;
  font-weight:900;
  text-decoration:none;
}

.portal-news-article__head{
  padding:17px 34px 25px;
}
.portal-news-article__eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  color:#b27818;
  font-size:10px;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.portal-news-article__eyebrow b{
  padding:4px 7px;
  border-radius:999px;
  background:#fff3dc;
  color:#aa7115;
  font-size:8.5px;
}
.portal-news-article__head h1{
  max-width:850px;
  margin:8px 0 12px;
  font-size:36px;
  line-height:1.11;
}
.portal-news-article__teaser{
  max-width:790px;
  font-size:16px;
  line-height:1.6;
}
.portal-news-article__meta{
  flex-wrap:wrap;
  margin-top:16px;
}
.portal-news-article__meta span{
  padding:5px 9px;
}

.portal-news-article__figure{
  padding:0 34px;
}
.portal-news-article__figure img{
  max-height:520px;
  border-radius:12px;
}

.portal-news-article__content{
  padding:30px 36px 38px;
  font-size:15.5px;
  line-height:1.78;
}
.portal-news-article__content>*{
  max-width:790px;
  margin-left:auto;
  margin-right:auto;
}
.portal-news-article__content h2{
  margin-top:32px;
}
.portal-news-article__content blockquote{
  padding:15px 18px;
  border-left:4px solid #c48824;
  background:#faf7ef;
  color:#3f5149;
}
.portal-news-article__content figure{
  max-width:880px;
}
.portal-news-article__content figure img{
  width:100%;
}

.portal-news-article__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:17px 28px;
}
.portal-news-article__footer div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.portal-news-article__footer strong{
  color:#174e3a;
  font-size:11.5px;
}
.portal-news-article__footer span{
  color:#6b7871;
  font-size:9.5px;
}

.portal-news-related{
  margin-top:18px;
  padding:20px;
  border:1px solid #d8e2dc;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 22px rgba(20,58,44,.035);
}
.portal-news-related__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.portal-news-related__card{
  overflow:hidden;
  border:1px solid #dce5e0;
  border-radius:11px;
  background:#fff;
}
.portal-news-related__image{
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#eef3f0;
}
.portal-news-related__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease;
}
.portal-news-related__card:hover img{
  transform:scale(1.018);
}
.portal-news-related__body{
  padding:12px 13px 14px;
}
.portal-news-related__body>span{
  color:#738079;
  font-size:8.8px;
  font-weight:800;
}
.portal-news-related__body h3{
  margin:5px 0 11px;
  font-size:14px;
  line-height:1.25;
}
.portal-news-related__body h3 a{
  color:#174e3a;
  text-decoration:none;
}

@media(max-width:900px){
  .portal-news-related__grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .portal-news-article__toolbar{
    padding:15px 18px 0;
  }
  .portal-news-article__head{
    padding:16px 20px 20px;
  }
  .portal-news-article__head h1{
    font-size:29px;
  }
  .portal-news-article__figure{
    padding:0 18px;
  }
  .portal-news-article__content{
    padding:23px 20px 30px;
  }
  .portal-news-article__footer{
    align-items:flex-start;
    flex-direction:column;
    padding:15px 20px;
  }
  .portal-news-related{
    padding:14px;
  }
}


/* News-Editor-Erweiterung: Bildnachweis und redaktioneller Ziellink */
.portal-news-article__figure figcaption{
  margin:7px 2px 0;
  color:#7a8781;
  font-size:10px;
  line-height:1.45;
}
.portal-news-article__linkbox{
  max-width:790px;
  margin:26px auto 0;
  padding-top:18px;
  border-top:1px solid #e3e9e6;
}
.portal-news-article__linkbox a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:9px;
  background:#15503b;
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:850;
}
.portal-news-article__linkbox a:hover{background:#0d4030}

/* Bilder im News-Fließtext: vom HTML-Editor steuerbar */
.portal-news-article__content::after{content:"";display:block;clear:both}
.portal-news-article__content figure.news-media{box-sizing:border-box;margin-top:6px;margin-bottom:18px}
.portal-news-article__content figure.news-media img{display:block;width:100%;height:auto;border-radius:10px}
.portal-news-article__content figure.news-media figcaption{margin-top:6px;color:#7a8781;font-size:10px;line-height:1.45}
.portal-news-article__content figure.news-media--links{float:left;margin-left:0;margin-right:22px}
.portal-news-article__content figure.news-media--rechts{float:right;margin-left:22px;margin-right:0}
.portal-news-article__content figure.news-media--mitte{float:none;margin-left:auto;margin-right:auto;clear:both}
.portal-news-article__content figure.news-media--klein{width:min(240px,42%)}
.portal-news-article__content figure.news-media--mittel{width:min(360px,48%)}
.portal-news-article__content figure.news-media--gross{width:min(760px,100%)}
@media(max-width:720px){.portal-news-article__content figure.news-media--links,.portal-news-article__content figure.news-media--rechts{float:none;width:100%;margin:16px 0}.portal-news-article__content figure.news-media--klein,.portal-news-article__content figure.news-media--mittel,.portal-news-article__content figure.news-media--gross{width:100%}}