.nachrichtenvorschau .nachricht:last-child
	{
		border-bottom: 		0px;
		margin-bottom: 		0px;
	}

	ul.nachrichtenvorschau
	{
		margin: 			14px 0 0 0;
		padding: 			0px;
	}
	ul.nachrichtenvorschau li
	{
		list-style-image: 	none;
		list-style-type: 	none;
		margin: 			0 0 8px 0;
	}
	ul.nachrichtenvorschau li a
	{
		text-decoration: 	none;
	}


  :root{
    --surface:#fff; --text:#0f172a; --muted:#64748b; --border:#e5e7eb;
    --primary:#4AB400; --radius:14px;
  }
  
  :root{ --surface:#121820; --text:#e6edf6; --muted:#9aa7b7; --border:#263445; }
  
  /* Container: EINMAL um die Ausgabe herum setzen (außerhalb des Loops) */
  .news-grid{
    display:grid;
    gap:18px;
    grid-template-columns: repeat(4, minmax(0,1fr)); /* 4-spaltig */
  }
  @media (max-width: 1200px){ .news-grid{ grid-template-columns: repeat(3,1fr);} }
  @media (max-width: 900px){  .news-grid{ grid-template-columns: repeat(2,1fr);} }
  @media (max-width: 580px){  .news-grid{ grid-template-columns: 1fr;} }
  /* Card */
  .news-card{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    box-shadow:0 2px 10px rgba(0,0,0,.06);
  }
  .news-card:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(0,0,0,.12);
    border-color: #ff942352;
  }
  /* Medienbereich ? kompakt: 4:3, füllt Card-Breite */
  .news-media{
    aspect-ratio: 4 / 3;
    background:#0b1220;
  }
  .news-media img{
    width:100%; height:100%;
    object-fit:cover; display:block;
  }
  .news-content{
    padding:14px 14px 16px;
    display:flex; flex-direction:column; gap:10px;
  }
  .news-title{ margin:0; font-size:1.05rem; line-height:1.25; }
  .news-title a{ color:var(--text); text-decoration:none; }
  .news-title a:hover{ text-decoration:underline; text-underline-offset:3px; }
  .news-desc{
    margin:0; color:var(--muted); line-height:1.5;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  }
  .btn{
    margin-top:auto; align-self:flex-start;
    appearance:none; border:none; cursor:pointer;
    border-radius:999px; padding:9px 14px; font-weight:600; font-size:.95rem;
    color:#0b1105;
    
    text-decoration:none; display:inline-flex; align-items:center; gap:8px;
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .btn:hover{ transform:translateY(-1px); box-shadow:0 10px 26px #ff942352; }
  .btn:focus-visible, .news-title a:focus-visible{ outline:3px solid rgba(74,180,0,.5); outline-offset:2px; border-radius:8px; }
  @media (prefers-reduced-motion: reduce){
    .news-card, .btn{ transition:none !important; }
  }

	.nachricht-titel {
		margin-top: 0;
		margin-bottom: 0;
	}
	.nachrichten_details h2 {
		margin-top: 36px;
		margin-bottom: 10px;
	}
	.nachrichten_details h3 {
		margin-top: 20px;
		margin-bottom: 6px;
	}
	.nachrichten_details p {
		margin-top: 10px;
		margin-bottom: 26px;
	}
	


	.tutorial_detailansicht_text
	{
		width: 100%;
    	display: inline-block;
	}


	.tutorial_detailansicht_bild
	{
		padding: 		20px;
		max-width: 		calc(100% - 40px);
	}
	#nachrichten_bild, .nachricht .imgstyle
	{
		float:			left;
		margin: 		0 25px 25px 0;
	}
	#nachrichten_bild img, .nachricht .imgstyle
	{
		max-width: 		250px;
	}

  :root{
    --bg:#f7f8fa; --surface:#fff; --text:#0f172a; --muted:#64748b; --border:#e5e7eb;
    --primary:#4AB400; --radius:16px;
    --sticky-top:24px;              /* Abstand oben für die sticky Sidebar */
    --toc-min:240px;                /* Mindestbreite der Sidebar */
  }
  @media (prefers-color-scheme: dark){
    :root{ --bg:#0b0f14; --surface:#121820; --text:#e6edf6; --muted:#9aa7b7; --border:#263445; }
  }
  .tutorial-details{
    background:var(--bg);
    padding: clamp(16px, 3vw, 32px);
  }
  /* Grid: 4/8 mit festen Minbreiten, damit nichts springt */
  .tutorial-container{
    display:grid;
    grid-template-columns: minmax(var(--toc-min), 1fr) minmax(0, 3fr);
    gap: clamp(16px, 2.5vw, 32px);
    align-items:start;
  }
  .tutorial-container > *{ min-width:0; } /* verhindert Zeilenumbruch/Springen im Content */
  @media (max-width: 980px){
    .tutorial-container{ grid-template-columns: 1fr; }
  }
  
  
  /* Content rechts bleibt ?normal? ? scrollt mit der Seite, nicht sticky */
  .tutorial-content{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius);
    overflow:hidden;
  }
  .tutorial-header{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding: clamp(16px, 2.2vw, 22px);
    border-bottom:1px solid var(--border);
  }
  .tutorial-title{ margin:0; font-size:clamp(1.1rem, 1rem + .6vw, 1.6rem); line-height:1.2; }
  .tutorial-back{
    display:inline-flex; align-items:center; gap:8px; text-decoration:none; font-weight:600; white-space:nowrap;
    padding:10px 14px; border-radius:999px; border:1px solid var(--border); color:var(--text); background:transparent;
    transition: background-color .15s ease, transform .15s ease;
  }
  .tutorial-back:hover{ background: rgba(74,180,0,.08); transform: translateY(-1px); }
  .tutorial-back:focus-visible{ outline:3px solid rgba(74,180,0,.45); outline-offset:2px; }
  .tutorial-body{
    padding: clamp(16px, 2.4vw, 24px);
    display:grid; gap: clamp(12px, 1.8vw, 20px);
  }
  .tutorial-body p{ margin:0; line-height:1.6; color:var(--text); }
  .tutorial-lead{ color:var(--muted); }
  .tutorial-pages{
    margin-top:8px; border-top:1px dashed var(--border);
    padding-top: clamp(12px, 1.8vw, 18px); overflow:auto;
  }
  .tutorial-pages table{ width:100%; border-collapse:collapse; font-size:.98rem; }
  .tutorial-pages td, .tutorial-pages th{ padding:12px; border-bottom:1px solid var(--border); vertical-align:top; }
  .tutorial-pages tr:hover td{ background: rgba(74,180,0,.04); }
  .tutorial-body img{ max-width:100%; height:auto; border-radius:12px; }
  .tutorial-body pre{
    background:#0b1220; color:#e6edf6; padding:14px 16px; border-radius:12px; overflow:auto; border:1px solid #1f2b3a;
  }
  @media (prefers-reduced-motion: reduce){
    .tutorial-back{ transition:none !important; }
  }