/* ADAM DIVING News – Farben wie die Website (Blau #2A4D83, Tiefsee #0B2545, Petrol #0E7490) */
.adnews, .adnews *, .adnews-einzel .site-main * { box-sizing: border-box }
.adnews { font-family: var(--e-global-typography-text-font-family, "Nunito"), system-ui, sans-serif; color: #22303F }

/* Filter */
.adnews__filter { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 14px }
.adnews__filter--jahr { margin-bottom: 34px }
.adnews .adnews__filter--jahr button { font-variant-numeric: tabular-nums; font-size: 14px; padding: 7px 15px }
.adnews__filter button { font: inherit; font-size: 15px; font-weight: 600; color: #2A4D83; background: #fff;
  border: 1px solid #D9E4EE; border-radius: 999px; padding: 9px 18px; cursor: pointer; transition: all .15s }
/* Hello Elementor färbt button:hover/:focus rosa (#c36) – deshalb mit höherer Spezifität überschreiben */
.adnews .adnews__filter button:hover, .adnews .adnews__filter button:focus { background-color: #F1F6FA;
  border-color: #0E7490; color: #0E7490; outline: none }
.adnews .adnews__filter button:focus-visible { outline: 2px solid #0E7490; outline-offset: 2px }
.adnews .adnews__filter button.ist-aktiv, .adnews .adnews__filter button.ist-aktiv:hover,
.adnews .adnews__filter button.ist-aktiv:focus { background-color: #2A4D83; border-color: #2A4D83; color: #fff }

/* Jahre */
.adnews__jahr { position: relative; margin: 0 0 44px }
.adnews .adnews__jahrzahl { font-family: "Nunito", system-ui, sans-serif; font-size: 34px; font-weight: 700; color: #2A4D83;
  margin: 0 0 18px; display: flex; align-items: center; gap: 16px }
.adnews__jahrzahl::after { content: ""; flex: 1; height: 1px; background: #D9E4EE }

/* Karten */
.adnews__raster { display: grid; gap: 22px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) }
.adnews__karte { display: flex; flex-direction: column; min-width: 0; background: #fff; border: 1px solid #D9E4EE;
  border-radius: 12px; overflow: hidden; transition: box-shadow .2s, border-color .2s, transform .2s }
.adnews__karte:hover { border-color: #0E7490; box-shadow: 0 14px 34px rgba(11, 37, 69, .14); transform: translateY(-2px) }
.adnews__karte[hidden], .adnews__jahr[hidden] { display: none }
.adnews__bildrahmen { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #F1F6FA }
.adnews__bild { display: block; width: 100%; height: 100%; object-fit: cover }
.adnews__inhalt { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 18px }
.adnews__meta, .adnews-einzel__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;
  font-size: 14px; color: #5B6478; margin-bottom: 10px }
.adnews__kat { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  color: var(--kat); background: color-mix(in srgb, var(--kat) 10%, #fff); border-radius: 4px; padding: 3px 8px }
.adnews .adnews__titel { font-family: "Nunito", system-ui, sans-serif; font-size: 19px; font-weight: 600; line-height: 1.35; margin: 0 0 8px }
.adnews__titel a { color: #2A4D83 !important; text-decoration: none !important }
.adnews__titel a:hover { color: #0E7490 !important }
.adnews__text { font-size: 15px; line-height: 1.6; margin: 0 0 14px }
.adnews__mehr { margin-top: auto; font-size: 15px; font-weight: 600; color: #0E7490 !important; text-decoration: none !important }
.adnews__mehr::after { content: " →" }

/* Einzelansicht (Hello Elementor: .page-header + .page-content) */
.adnews-einzel .site-main { max-width: 860px; margin: 0 auto; padding: 56px 20px 70px;
  font-family: var(--e-global-typography-text-font-family, "Nunito"), system-ui, sans-serif; color: #22303F }
.adnews-einzel .page-header .entry-title { font-family: "Nunito", system-ui, sans-serif; font-size: clamp(28px, 4vw, 40px);
  font-weight: 700; line-height: 1.2; color: #2A4D83; margin: 0 0 14px }
.adnews-einzel__bild { display: block; width: 100%; height: auto; border-radius: 12px; margin: 10px 0 26px }
.adnews-einzel__text { font-size: 17px; line-height: 1.75 }
.adnews-einzel__text a { color: #0E7490; overflow-wrap: anywhere }
.adnews-einzel__text img { max-width: 100%; height: auto; border-radius: 10px }
.adnews-einzel__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; background: #0B2545; color: #fff;
  border-radius: 12px; padding: 24px 26px; margin: 40px 0 22px }
.adnews-einzel__cta strong { font-size: 20px; flex-basis: 100% }
.adnews-einzel__cta span { color: #C7D6E8; flex: 1 1 260px }
.adnews-einzel__knopf { background: #0E7490; color: #fff !important; text-decoration: none !important; font-weight: 600;
  padding: 12px 22px; border-radius: 4px; transition: background .18s }
.adnews-einzel__knopf:hover { background: #0A5C73 }
.adnews-einzel__zurueck a { font-weight: 600; color: #0E7490; text-decoration: none }
.adnews-einzel .post-tags, .adnews-einzel .comments-area { display: none }
