/* V06 readability fixes confirmed during the online V05 review. */
.guide-detail-section:not(.guide-detail-dark) .guide-detail-actions .button-secondary {
  color: #05284a;
  background: #fff;
  border-color: #1b6b94;
  box-shadow: 0 8px 22px rgba(5, 40, 74, 0.08);
}

.guide-detail-section:not(.guide-detail-dark) .guide-detail-actions .button-secondary:hover,
.guide-detail-section:not(.guide-detail-dark) .guide-detail-actions .button-secondary:focus-visible {
  color: #031f3f;
  background: #dcecf5;
  border-color: #0b72b9;
}

.guide-detail-cta .button-primary,
.guide-detail-cta .button-primary:hover,
.guide-detail-cta .button-primary:focus-visible {
  color: #fff;
  background: #05284a;
}

.guide-detail-cta .button-primary:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}

.guide-detail-section .button-secondary:focus-visible {
  outline: 3px solid #f29200;
  outline-offset: 4px;
}

@media (max-width: 760px) {
  .guide-ratgeber-header {
    gap: 12px;
  }

  .guide-ratgeber-header nav {
    flex-wrap: nowrap;
    gap: 12px;
  }

  .guide-ratgeber-header nav a {
    white-space: nowrap;
    font-size: 13px;
  }

  .guide-ratgeber-header nav a:first-child {
    display: inline-flex;
  }

  .it-security-page .guide-detail-hero h1 {
    font-size: clamp(32px, 8.3vw, 40px);
    line-height: 1.04;
    letter-spacing: 0;
    overflow-wrap: normal;
    word-break: normal;
  }
}

@media (max-width: 380px) {
  .guide-ratgeber-header .guide-brand {
    width: 104px;
  }

  .guide-ratgeber-header nav {
    gap: 9px;
  }

  .guide-ratgeber-header nav a {
    font-size: 12px;
  }
}