@font-face {
  font-family: "Inter";
  src: url("../fonts/cesr/Inter_18pt-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/cesr/Inter_18pt-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/cesr/Inter_18pt-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/cesr/SourceSerif4_18pt-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

/* CESR – lokale Typografie */

body {
  font-family: "Inter", Arial, sans-serif !important;
}

h1,
h2,
h3 {
  font-family: "Source Serif 4", Georgia, serif !important;
}

h4,
h5,
h6 {
  font-family: "Inter", Arial, sans-serif !important;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span,
.cesr-btn,
.cesr-eyebrow,
.cesr-meta {
  font-family: "Inter", Arial, sans-serif !important;
}

/* =========================================
   CESR – Global Design
   ========================================= */


/* =========================================
   CESR – unerwünschte Header-/Topbar-Elemente
   ========================================= */

#sp-top-bar,
.sp-top-bar,
#sp-top1,
#sp-top2,
#sp-menu .social-wrap,
#sp-menu ul.social-icons,
#sp-menu .social-icons,
#sp-header .social-wrap,
#sp-header ul.social-icons,
#sp-header .social-icons,
.social-icons,
.sp-social-icons,
ul.social-icons {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}


/* =========================================
   CESR – Header
   ========================================= */

#sp-header {
  height: 80px;
  background: #ffffff;
  border-bottom: 1px solid #DCE5EE;
  box-shadow: none;
  z-index: 999;
}


/* Logo */

#sp-header .logo {
  height: 80px;
  display: flex;
  align-items: center;
}

#sp-header .logo-image {
  max-height: 56px;
  width: auto;
}


/* Hauptnavigation */

#sp-header .sp-megamenu-parent {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 80px;
}

#sp-header .sp-megamenu-parent > li > a,
#sp-header .sp-megamenu-parent > li > span {
  height: 80px;
  line-height: 80px;
  padding: 0 12px;

  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 500;

  color: #17324D;
}

#sp-header .sp-megamenu-parent > li > a:hover,
#sp-header .sp-megamenu-parent > li.active > a {
  color: #6F89A6;
}


/* Home im Desktop-Hauptmenü ausblenden */

#sp-header .sp-megamenu-parent > li:first-child {
  display: none !important;
}


/* Desktop: Offcanvas/Hamburger ausblenden */

@media (min-width: 992px) {

  .offcanvas-toggler,
  .burger-icon,
  .offcanvas-toggler-right {
    display: none !important;
  }
}


/* Sticky Header */

#sp-header.header-sticky {
  height: 72px;
  box-shadow: 0 2px 12px rgba(23, 50, 77, 0.08);
}

#sp-header.header-sticky .logo,
#sp-header.header-sticky .sp-megamenu-parent,
#sp-header.header-sticky .sp-megamenu-parent > li > a,
#sp-header.header-sticky .sp-megamenu-parent > li > span {
  height: 72px;
  line-height: 72px;
}


/* =========================================
   CESR – Offcanvas / Mobile Menu
   ========================================= */

/* Home auch mobil ausblenden */

.offcanvas-menu .menu > li:first-child,
.offcanvas-menu ul.menu > li:first-child {
  display: none !important;
}


/* =========================================
   CESR – Startseite / Joomla Container
   ========================================= */

.cesr-home #sp-main-body {
  padding-top: 0;
  padding-bottom: 0;
}

.cesr-home #sp-main-body > .container {
  max-width: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.cesr-home #sp-main-body .article-details {
  margin: 0;
}


/* =========================================
   CESR – Hero
   ========================================= */

.cesr-hero {
  background: #ffffff;
  padding: 130px 24px 120px;
}

.cesr-hero-inner {
  max-width: 1280px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: minmax(0, 7.4fr) minmax(300px, 4.6fr);
  gap: 80px;
  align-items: center;
}

.cesr-hero-content {
  max-width: 830px;
}


/* Eyebrow */

.cesr-eyebrow {
  margin-bottom: 24px;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.12em;
  text-transform: uppercase;

  color: #6F89A6;
}


/* Hero Headline */

.cesr-hero h1 {
  margin: 0 0 32px;
  color: #17324D;
}


/* Lead / Fließtext */

.cesr-lead {
  max-width: 720px;
  margin-bottom: 22px;

  font-size: 22px;
  line-height: 1.55;

  color: #1D2731;
}

.cesr-hero-text {
  max-width: 680px;
  margin-bottom: 38px;
}


/* =========================================
   CESR – Buttons
   ========================================= */

.cesr-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.cesr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 22px;

  border: 1px solid #17324D;
  border-radius: 3px;

  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;

  text-decoration: none;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.cesr-btn-primary {
  background: #17324D;
  color: #ffffff;
}

.cesr-btn-primary:hover {
  background: #6F89A6;
  border-color: #6F89A6;
  color: #ffffff;
}

.cesr-btn-secondary {
  background: transparent;
  color: #17324D;
}

.cesr-btn-secondary:hover {
  background: #DCE5EE;
  color: #17324D;
}


/* =========================================
   CESR – Hero Visual
   Drei echte HTML-Kreise
   ========================================= */

.cesr-hero-visual {
  position: relative;
  width: 100%;
  min-height: 420px;
}

.cesr-visual-circle {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);

  display: block;

  border-radius: 50%;
}


/* großer hinterer Kreis */

.cesr-visual-circle-large {
  width: 360px;
  height: 360px;

  background-color: #DCE5EE;

  z-index: 1;
}


/* mittlerer Kreis */

.cesr-visual-circle-medium {
  width: 235px;
  height: 235px;

  background-color: #AABBCD;

  z-index: 2;
}


/* kleiner vorderer Kreis */

.cesr-visual-circle-small {
  width: 130px;
  height: 130px;

  background-color: #6F89A6;

  z-index: 3;
}


/* =========================================
   CESR – Allgemeine Sections
   ========================================= */

.cesr-section {
  padding: 112px 24px;
}

.cesr-section-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.cesr-container-narrow {
  max-width: 760px;
  margin: 0 auto;
}

.cesr-section-muted {
  background: #F6F8FA;
}

.cesr-section-lightblue {
  background: #DCE5EE;
}


/* =========================================
   CESR – Cards / Inhaltsmodule
   ========================================= */

.cesr-card {
  border-top: 1px solid rgba(23, 50, 77, 0.18);
  padding-top: 28px;
}

.cesr-card h3 {
  margin-bottom: 14px;
}

.cesr-card p:last-child {
  margin-bottom: 0;
}


/* =========================================
   CESR – Pre-Footer
   ========================================= */

.cesr-prefooter {
  background: #DCE5EE;
  color: #17324D;
}

.cesr-prefooter a {
  color: #17324D;
}

.cesr-prefooter a:hover {
  color: #6F89A6;
}


/* =========================================
   CESR – Footer
   ========================================= */

.cesr-footer {
  background: #17324D;
  color: #DCE5EE;
}

.cesr-footer a {
  color: #ffffff;
}

.cesr-footer a:hover {
  color: #DCE5EE;
}

/* =========================================
   CESR – Warum CESR?
   ========================================= */

.cesr-why {
  background: #ffffff;
  border-top: 1px solid #DCE5EE;
}

.cesr-why-grid {
  display: grid;
  grid-template-columns: minmax(180px, 3fr) minmax(0, 9fr);
  gap: 80px;
  align-items: start;
}

.cesr-why-label {
  padding-top: 8px;
}

.cesr-why-content {
  max-width: 900px;
}

.cesr-why-content h2 {
  max-width: 850px;
  margin: 0 0 32px;
  color: #17324D;
}

.cesr-why-content .cesr-lead {
  max-width: 800px;
  margin-bottom: 26px;
}

.cesr-why-content > p:not(.cesr-lead) {
  max-width: 760px;
  margin-bottom: 28px;
}

.cesr-text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 600;

  color: #17324D;
  text-decoration: none;

  transition: color 0.2s ease;
}

.cesr-text-link span {
  transition: transform 0.2s ease;
}

.cesr-text-link:hover {
  color: #6F89A6;
}

.cesr-text-link:hover span {
  transform: translateX(4px);
}


/* =========================================
   CESR – Responsive Tablet
   ========================================= */

@media (max-width: 991px) {
 
  #sp-header {
    height: 72px;
  }

  #sp-header .logo {
    height: 72px;
  }

  #sp-header .logo-image {
    max-height: 48px;
  }
  
  .cesr-why-grid {
  grid-template-columns: 1fr;
  gap: 24px;
  }
  
  .cesr-why-label {
  padding-top: 0;
  }
  
  .cesr-why-content {
  max-width: 800px;
  }

  .cesr-hero {
    padding: 96px 24px 80px;
  }

  .cesr-hero-inner {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .cesr-hero h1 {
    font-size: 44px;
    line-height: 1.1;
  }

  .cesr-hero-visual {
    min-height: 300px;
  }

  .cesr-visual-circle-large {
    width: 250px;
    height: 250px;
  }

  .cesr-visual-circle-medium {
    width: 165px;
    height: 165px;
  }

  .cesr-visual-circle-small {
    width: 95px;
    height: 95px;
  }

  .cesr-section {
    padding: 80px 24px;
  }
}


/* =========================================
   CESR – Responsive Mobile
   ========================================= */

@media (max-width: 575px) {

  .cesr-hero {
    padding: 72px 20px;
  }

  .cesr-hero h1 {
    font-size: 39px;
    line-height: 1.08;
  }

  .cesr-lead {
    font-size: 19px;
  }

  .cesr-buttons {
    flex-direction: column;
  }

  .cesr-btn {
    width: 100%;
  }

  .cesr-hero-visual {
    min-height: 240px;
  }

  .cesr-visual-circle-large {
    width: 210px;
    height: 210px;
  }

  .cesr-visual-circle-medium {
    width: 140px;
    height: 140px;
  }

  .cesr-visual-circle-small {
    width: 80px;
    height: 80px;
  }

  .cesr-section {
    padding: 64px 20px;
  }
}

/* =========================================
   CESR – Schwerpunkte
   ========================================= */

.cesr-focus {
  background: #F6F8FA;
}

.cesr-focus-header {
  max-width: 900px;
  margin-bottom: 72px;
}

.cesr-focus-header h2 {
  max-width: 820px;
  margin: 0 0 28px;
  color: #17324D;
}

.cesr-focus-header .cesr-lead {
  max-width: 760px;
  margin-bottom: 0;
}

.cesr-focus-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 48px 32px;
}

.cesr-focus-card {
  grid-column: span 2;

  display: flex;
  flex-direction: column;

  border-top: 1px solid rgba(23, 50, 77, 0.22);
  padding-top: 26px;
}

.cesr-focus-card-wide {
  grid-column: span 3;
}

.cesr-focus-number {
  margin-bottom: 28px;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;

  color: #6F89A6;
}

.cesr-focus-card h3 {
  margin: 0 0 18px;
  color: #17324D;
}

.cesr-focus-card p {
  margin-bottom: 26px;
}

.cesr-focus-card .cesr-text-link {
  margin-top: auto;
}


/* Tablet */

@media (max-width: 991px) {

  .cesr-focus-header {
    margin-bottom: 52px;
  }

  .cesr-focus-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 42px 28px;
  }

  .cesr-focus-card,
  .cesr-focus-card-wide {
    grid-column: span 1;
  }
}


/* Mobile */

@media (max-width: 575px) {

  .cesr-focus-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .cesr-focus-card,
  .cesr-focus-card-wide {
    grid-column: auto;
  }

  .cesr-focus-number {
    margin-bottom: 20px;
  }
}

/* =========================================
   CESR – Was wir tun
   ========================================= */

.cesr-what {
  background: #ffffff;
}

.cesr-what-header {
  max-width: 880px;
  margin-bottom: 72px;
}

.cesr-what-header h2 {
  margin: 0 0 28px;
  color: #17324D;
}

.cesr-what-header .cesr-lead {
  max-width: 760px;
  margin-bottom: 0;
}

.cesr-what-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 54px 72px;
}

.cesr-what-item {
  border-top: 1px solid rgba(23, 50, 77, 0.22);
  padding-top: 26px;
}

.cesr-what-item h3 {
  margin: 0 0 18px;
  color: #17324D;
}

.cesr-what-item p {
  max-width: 560px;
  margin: 0;
}


/* Tablet */

@media (max-width: 991px) {

  .cesr-what-header {
    margin-bottom: 52px;
  }

  .cesr-what-grid {
    gap: 42px 40px;
  }
}


/* Mobile */

@media (max-width: 575px) {

  .cesr-what-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* =========================================
   CESR – Für wen wir arbeiten
   ========================================= */

.cesr-audiences {
  background: #DCE5EE;
}

.cesr-audiences-grid {
  display: grid;
  grid-template-columns: minmax(180px, 3fr) minmax(0, 9fr);
  gap: 80px;
  align-items: start;
}

.cesr-audiences-label {
  padding-top: 8px;
}

.cesr-audiences-content {
  max-width: 900px;
}

.cesr-audiences-content h2 {
  max-width: 840px;
  margin: 0 0 32px;
  color: #17324D;
}

.cesr-audiences-content .cesr-lead {
  max-width: 800px;
  margin-bottom: 26px;
}

.cesr-audiences-content > p:not(.cesr-lead) {
  max-width: 760px;
  margin-bottom: 42px;
}

.cesr-audience-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 900px;
}

.cesr-audience-item {
  display: inline-flex;
  align-items: center;
  width: auto;

  padding: 11px 15px;

  border: 1px solid rgba(23, 50, 77, 0.22);
  border-radius: 2px;

  background: rgba(255, 255, 255, 0.32);

  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;

  color: #17324D;
}


/* Tablet */

@media (max-width: 991px) {

  .cesr-audiences-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .cesr-audiences-label {
    padding-top: 0;
  }
}

/* Mobile */

@media (max-width: 575px) {

  .cesr-audience-list {
    flex-direction: column;
    align-items: stretch;
    padding-left: 12px;
    padding-right: 12px;
  }

  .cesr-audience-item {
    width: 100%;
    box-sizing: border-box;
    padding: 14px 16px;
  }
}

/* =========================================
   CESR – Analysen & Publikationen
   ========================================= */

.cesr-publications {
  background: #ffffff;
}

.cesr-publications-header {
  max-width: 900px;
  margin-bottom: 72px;
}

.cesr-publications-header h2 {
  max-width: 840px;
  margin: 0 0 28px;
  color: #17324D;
}

.cesr-publications-header .cesr-lead {
  max-width: 760px;
  margin-bottom: 0;
}

.cesr-publications-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.cesr-publication-card {
  display: flex;
  flex-direction: column;

  min-height: 100%;

  border-top: 1px solid rgba(23, 50, 77, 0.22);
  padding-top: 26px;
}

.cesr-publication-meta {
  margin-bottom: 24px;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;

  color: #6F89A6;
}

.cesr-publication-card h3 {
  margin: 0 0 18px;
  color: #17324D;
}

.cesr-publication-card p {
  margin-bottom: 28px;
}

.cesr-publication-card .cesr-text-link {
  margin-top: auto;
}

.cesr-publications-footer {
  margin-top: 52px;
}


/* Tablet */

@media (max-width: 991px) {

  .cesr-publications-header {
    margin-bottom: 52px;
  }

  .cesr-publications-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 42px 28px;
  }
}


/* Mobile */

@media (max-width: 575px) {

  .cesr-publications-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .cesr-publications-footer .cesr-btn {
    width: 100%;
  }
}

/* =========================================
   CESR – Projekte & Programme
   ========================================= */

.cesr-projects {
  background: #F6F8FA;
}

.cesr-projects-header {
  max-width: 900px;
  margin-bottom: 72px;
}

.cesr-projects-header h2 {
  max-width: 840px;
  margin: 0 0 28px;
  color: #17324D;
}

.cesr-projects-header .cesr-lead {
  max-width: 760px;
  margin-bottom: 0;
}

.cesr-projects-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.cesr-project-card {
  display: flex;
  flex-direction: column;

  min-height: 100%;

  border-top: 1px solid rgba(23, 50, 77, 0.22);
  padding-top: 26px;
}

.cesr-project-meta {
  margin-bottom: 24px;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;

  color: #6F89A6;
}

.cesr-project-card h3 {
  margin: 0 0 18px;
  color: #17324D;
}

.cesr-project-card p {
  margin-bottom: 28px;
}

.cesr-project-card .cesr-text-link {
  margin-top: auto;
}

.cesr-projects-footer {
  margin-top: 52px;
}


/* Tablet */

@media (max-width: 991px) {

  .cesr-projects-header {
    margin-bottom: 52px;
  }

  .cesr-projects-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 42px 28px;
  }
}


/* Mobile */

@media (max-width: 575px) {

  .cesr-projects-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .cesr-projects-footer .cesr-btn {
    width: 100%;
  }
}

/* =========================================
   CESR – Pre-Footer CTA
   ========================================= */

.cesr-prefooter {
  background: #DCE5EE;
  color: #17324D;
}

.cesr-prefooter > div,
.cesr-prefooter .container {
  max-width: 1280px;
  margin: 0 auto;
}

.cesr-prefooter-inner {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(220px, 4fr);
  gap: 80px;
  align-items: end;
}

.cesr-prefooter-content {
  max-width: 850px;
}

.cesr-prefooter-content h2 {
  max-width: 800px;
  margin: 0 0 28px;
  color: #17324D;
}

.cesr-prefooter-content .cesr-lead {
  max-width: 760px;
  margin-bottom: 0;
}

.cesr-prefooter-action {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

@media (max-width: 991px) {

  .cesr-prefooter-inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .cesr-prefooter-action {
    justify-content: flex-start;
  }
}

@media (max-width: 575px) {

  .cesr-prefooter-action .cesr-btn {
    width: 100%;
  }
}

/* =========================================
   CESR – Pre-Footer Button Fix
   ========================================= */

.cesr-prefooter .cesr-btn-primary {
  background: #17324D;
  border-color: #17324D;
  color: #ffffff !important;
}

.cesr-prefooter .cesr-btn-primary:hover {
  background: #6F89A6;
  border-color: #6F89A6;
  color: #ffffff !important;
}

/* =========================================
   CESR – Footer Inhalte
   ========================================= */

.cesr-footer-block {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #DCE5EE;
}

.cesr-footer-name,
.cesr-footer-heading {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
}

.cesr-footer-brand p {
  max-width: 280px;
  margin: 0;
}

.cesr-footer-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cesr-footer-links li {
  margin-bottom: 10px;
}

.cesr-footer-links a {
  color: #ffffff;
  text-decoration: none;
}

.cesr-footer-links a:hover {
  color: #DCE5EE;
}

@media (max-width: 991px) {
  .cesr-footer-block {
    margin-bottom: 36px;
  }
}

/* =========================================
   CESR – Footer Feinschliff
   ========================================= */

.cesr-footer .container,
.cesr-footer > .container {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

.cesr-footer .row {
  align-items: flex-start;
}

.cesr-footer-block {
  max-width: 300px;
}

.cesr-footer-links li:last-child {
  margin-bottom: 0;
}

/* =========================================
   CESR – Footer Container Alignment
   ========================================= */

.cesr-footer .row {
  max-width: 1280px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px;
  padding-right: 24px;
}

/* =========================================
   CESR – Über CESR
   ========================================= */

.cesr-page-hero {
  background: #ffffff;
  padding: 130px 24px 110px;
}

.cesr-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(320px, 5fr);
  gap: 80px;
  align-items: start;
}

.cesr-page-hero h1 {
  max-width: 800px;
  margin: 0;
  color: #17324D;
}

.cesr-page-hero-copy {
  padding-top: 42px;
  max-width: 620px;
}

.cesr-page-hero-copy .cesr-lead {
  margin-bottom: 26px;
}

.cesr-about-intro {
  background: #F6F8FA;
}

@media (max-width: 991px) {

  .cesr-page-hero {
    padding: 96px 24px 80px;
  }

  .cesr-page-hero-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .cesr-page-hero-copy {
    padding-top: 0;
    max-width: 760px;
  }

}

@media (max-width: 575px) {

  .cesr-page-hero {
    padding: 72px 20px;
  }

}

/* =========================================
   CESR – Mission & Vision
   ========================================= */

.cesr-mission-vision {
  background: #ffffff;
}

.cesr-mission-vision-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 72px;
}

.cesr-mv-item {
  border-top: 1px solid rgba(23, 50, 77, 0.22);
  padding-top: 28px;
}

.cesr-mv-item h2 {
  max-width: 560px;
  margin: 0 0 28px;
  color: #17324D;
}

.cesr-mv-item .cesr-lead {
  max-width: 560px;
  margin-bottom: 26px;
}

.cesr-mv-item > p:not(.cesr-lead) {
  max-width: 540px;
  margin-bottom: 0;
}

@media (max-width: 991px) {

  .cesr-mission-vision-grid {
    grid-template-columns: 1fr;
    gap: 56px;
  }

}

@media (max-width: 575px) {

  .cesr-mission-vision-grid {
    gap: 44px;
  }

}

/* =========================================
   CESR – Unsere Arbeitsweise
   ========================================= */

.cesr-working-method {
  background: #F6F8FA;
}

.cesr-working-header {
  max-width: 900px;
  margin-bottom: 72px;
}

.cesr-working-header h2 {
  max-width: 820px;
  margin: 0 0 28px;
  color: #17324D;
}

.cesr-working-header .cesr-lead {
  max-width: 760px;
  margin-bottom: 0;
}

.cesr-working-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
}

.cesr-working-item {
  border-top: 1px solid rgba(23, 50, 77, 0.22);
  padding-top: 26px;
}

.cesr-working-number {
  margin-bottom: 26px;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;

  color: #6F89A6;
}

.cesr-working-item h3 {
  margin: 0 0 18px;
  color: #17324D;
}

.cesr-working-item p {
  margin: 0;
}

@media (max-width: 991px) {

  .cesr-working-header {
    margin-bottom: 52px;
  }

  .cesr-working-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 42px 28px;
  }

}

@media (max-width: 575px) {

  .cesr-working-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

}

/* =========================================
   CESR – Unsere Werte
   ========================================= */

.cesr-values {
  background: #ffffff;
}

.cesr-values-header {
  max-width: 900px;
  margin-bottom: 72px;
}

.cesr-values-header h2 {
  max-width: 820px;
  margin: 0 0 28px;
  color: #17324D;
}

.cesr-values-header .cesr-lead {
  max-width: 760px;
  margin-bottom: 0;
}

.cesr-values-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 48px 32px;
}

.cesr-value-item {
  grid-column: span 2;
  border-top: 1px solid rgba(23, 50, 77, 0.22);
  padding-top: 26px;
}

.cesr-value-item:nth-child(4),
.cesr-value-item:nth-child(5) {
  grid-column: span 3;
}

.cesr-value-number {
  margin-bottom: 26px;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;

  color: #6F89A6;
}

.cesr-value-item h3 {
  margin: 0 0 18px;
  color: #17324D;
}

.cesr-value-item p {
  margin: 0;
}

@media (max-width: 991px) {

  .cesr-values-header {
    margin-bottom: 52px;
  }

  .cesr-values-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 42px 28px;
  }

  .cesr-value-item,
  .cesr-value-item:nth-child(4),
  .cesr-value-item:nth-child(5) {
    grid-column: span 1;
  }
}

@media (max-width: 575px) {

  .cesr-values-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* =========================================
   CESR – Schwerpunkte Übersicht
   ========================================= */

.cesr-topic-overview {
  background: #F6F8FA;
}

.cesr-topic-list {
  border-top: 1px solid rgba(23, 50, 77, 0.22);
}

.cesr-topic-row {
  display: grid;
  grid-template-columns: 32px minmax(340px, 4fr) minmax(0, 5fr);
  column-gap: 32px;
  row-gap: 24px;

  padding: 54px 0;
  border-bottom: 1px solid rgba(23, 50, 77, 0.22);
  align-items: start;
}

.cesr-topic-number {
  padding-top: 7px;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;

  color: #6F89A6;
}

.cesr-topic-title {
  padding-right: 36px;
  transform: translateX(-24px);
}

.cesr-topic-title h2 {
  margin: 0;
  color: #17324D;
  max-width: 480px;
}

.cesr-topic-copy {
  max-width: 620px;
}

.cesr-topic-copy p {
  margin: 0 0 24px;
}

@media (max-width: 991px) {

  .cesr-topic-row {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 24px 28px;
  }

  .cesr-topic-copy {
    grid-column: 2;
  }
}

@media (max-width: 575px) {

  .cesr-topic-list {
    display: block;
    width: 100%;
  }

  .cesr-topic-row {
    display: block;
    width: 100%;
    min-width: 0;

    padding: 32px 0;
  }

  .cesr-topic-number {
    width: 100%;
    padding-top: 0;
    margin-bottom: 20px;
  }

  .cesr-topic-title {
    width: 100%;
    min-width: 0;

    padding-right: 0;
    transform: none;

    margin-bottom: 18px;
  }

  .cesr-topic-title h2 {
    width: 100%;
    max-width: 100%;

    margin: 0;

    font-size: 28px;
    line-height: 1.14;

    hyphens: none;
    -webkit-hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
  }

  .cesr-topic-copy {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    grid-column: auto;
  }

  .cesr-topic-copy p {
    width: 100%;
    max-width: 100%;

    margin: 0 0 22px;

    font-size: 17px;
    line-height: 1.65;
  }

  .cesr-topic-copy .cesr-text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
}

/* =========================================
   CESR – Verbindung der Schwerpunkte
   ========================================= */

.cesr-topic-connection {
  background: #17324D;
  color: #DCE5EE;
}

.cesr-topic-connection .cesr-eyebrow {
  color: #AABBCD;
}

.cesr-topic-connection-grid {
  display: grid;
  grid-template-columns: minmax(180px, 3fr) minmax(0, 9fr);
  gap: 80px;
  align-items: start;
}

.cesr-topic-connection h2 {
  max-width: 820px;
  margin: 0 0 30px;
  color: #ffffff;
}

.cesr-topic-connection .cesr-lead {
  max-width: 780px;
  margin-bottom: 26px;
  color: #ffffff;
}

.cesr-topic-connection p:not(.cesr-lead) {
  max-width: 740px;
  margin-bottom: 0;
  color: #DCE5EE;
}

@media (max-width: 991px) {

  .cesr-topic-connection-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

}

/* =========================================
   CESR – Schwerpunkt Detailseiten
   ========================================= */

.cesr-topic-intro {
  background: #F6F8FA;
}

.cesr-topic-questions {
  background: #ffffff;
}

.cesr-topic-questions .cesr-working-header {
  max-width: 900px;
}

/* Schwerpunkt Detail – Vierer-Raster feinjustieren */

.cesr-topic-questions .cesr-working-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 56px 72px;
}

.cesr-topic-questions .cesr-working-item h3 {
  max-width: 420px;
}

@media (max-width: 1200px) {
  .cesr-topic-questions .cesr-working-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* =========================================
   CESR – Perspektive auf Schwerpunktseiten
   ========================================= */

.cesr-perspective {
  background: #17324D;
  color: #DCE5EE;
}

.cesr-perspective .cesr-eyebrow {
  color: #AABBCD;
}

.cesr-perspective h2 {
  max-width: 850px;
  margin: 0 0 30px;
  color: #ffffff;
}

.cesr-perspective .cesr-lead {
  max-width: 780px;
  margin-bottom: 26px;
  color: #ffffff;
}

.cesr-perspective p:not(.cesr-lead) {
  max-width: 740px;
  margin-bottom: 0;
  color: #DCE5EE;
}

/* =========================================
   CESR – Angebote auf Schwerpunktseiten
   ========================================= */

.cesr-topic-offers {
  background: #ffffff;
}

.cesr-topic-offers-header {
  max-width: 900px;
  margin-bottom: 72px;
}

.cesr-topic-offers-header h2 {
  max-width: 840px;
  margin: 0 0 28px;
  color: #17324D;
}

.cesr-topic-offers-header .cesr-lead {
  max-width: 760px;
  margin-bottom: 0;
}

.cesr-topic-offers-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px 72px;
}

.cesr-topic-offer {
  border-top: 1px solid rgba(23, 50, 77, 0.22);
  padding-top: 26px;
}

.cesr-topic-offer-meta {
  margin-bottom: 22px;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;

  color: #6F89A6;
}

.cesr-topic-offer h3 {
  margin: 0 0 18px;
  color: #17324D;
}

.cesr-topic-offer p {
  max-width: 560px;
  margin: 0;
}

.cesr-topic-offers-actions {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-top: 56px;
}

@media (max-width: 991px) {

  .cesr-topic-offers-header {
    margin-bottom: 52px;
  }

  .cesr-topic-offers-grid {
    gap: 42px 40px;
  }

}

@media (max-width: 575px) {

  .cesr-topic-offers-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .cesr-topic-offers-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .cesr-topic-offers-actions .cesr-btn {
    width: 100%;
  }
}

/* =========================================
   CESR – Programme & Angebote
   ========================================= */

.cesr-program-overview {
  background: #F6F8FA;
}

.cesr-program-formats {
  background: #ffffff;
}

.cesr-program-formats-header {
  max-width: 900px;
  margin-bottom: 72px;
}

.cesr-program-formats-header h2 {
  max-width: 820px;
  margin: 0 0 28px;
  color: #17324D;
}

.cesr-program-formats-header .cesr-lead {
  max-width: 760px;
  margin-bottom: 0;
}

.cesr-program-list {
  border-top: 1px solid rgba(23, 50, 77, 0.22);
}

.cesr-program-row {
  display: grid;
  grid-template-columns: 140px minmax(280px, 4fr) minmax(0, 5fr);
  gap: 48px;

  padding: 44px 0;

  border-bottom: 1px solid rgba(23, 50, 77, 0.22);
  align-items: start;
}

.cesr-program-meta {
  padding-top: 6px;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;

  color: #6F89A6;
}

.cesr-program-title h3 {
  max-width: 420px;
  margin: 0;
  color: #17324D;
}

.cesr-program-copy {
  max-width: 620px;
}

.cesr-program-copy p {
  margin: 0 0 18px;
}

.cesr-program-audience {
  display: block;

  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;

  color: #6F89A6;
}

.cesr-program-custom {
  background: #ffffff;
  border-top: 1px solid #DCE5EE;
}


/* Tablet */

@media (max-width: 991px) {

  .cesr-program-formats-header {
    margin-bottom: 52px;
  }

  .cesr-program-row {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 20px 32px;
  }

  .cesr-program-copy {
    grid-column: 2;
  }
}


/* Mobile */

@media (max-width: 575px) {

  .cesr-program-row {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 38px 0;
  }

  .cesr-program-copy {
    grid-column: auto;
  }
}

/* =========================================
   CESR – Publikationsdetail
   ========================================= */

.cesr-publication-hero {
  background: #ffffff;
  padding: 130px 24px 90px;
}

.cesr-publication-hero-inner {
  max-width: 980px;
}

.cesr-publication-hero h1 {
  max-width: 900px;
  margin: 0 0 32px;
  color: #17324D;
}

.cesr-publication-hero .cesr-lead {
  max-width: 820px;
  margin-bottom: 30px;
}

.cesr-publication-meta-line {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;

  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;

  color: #6F89A6;
}

.cesr-publication-body {
  background: #F6F8FA;
}

.cesr-publication-layout {
  display: grid;
  grid-template-columns: minmax(220px, 3fr) minmax(0, 8fr);
  gap: 80px;
  align-items: start;
}

.cesr-publication-aside {
  position: sticky;
  top: 110px;
}

.cesr-publication-keypoints {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cesr-publication-keypoints li {
  padding: 16px 0;
  border-top: 1px solid rgba(23, 50, 77, 0.18);
}

.cesr-publication-keypoints li:last-child {
  border-bottom: 1px solid rgba(23, 50, 77, 0.18);
}

.cesr-publication-content {
  max-width: 760px;
}

.cesr-publication-content h2 {
  margin: 0 0 24px;
  color: #17324D;
}

.cesr-publication-content h2:not(:first-child) {
  margin-top: 64px;
}

.cesr-publication-content p {
  margin-bottom: 24px;
}

.cesr-publication-conclusion {
  margin-top: 72px;
  padding-top: 32px;
  border-top: 2px solid #17324D;
}

.cesr-publication-conclusion h2 {
  margin-top: 0 !important;
}

@media (max-width: 991px) {

  .cesr-publication-hero {
    padding: 96px 24px 72px;
  }

  .cesr-publication-layout {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .cesr-publication-aside {
    position: static;
  }

}

@media (max-width: 575px) {

  .cesr-publication-hero {
    padding: 72px 20px 56px;
  }

}

/* =========================================
   CESR – Publikationsseite Full Width FIX
   ========================================= */

/* Nur Seiten, auf denen unser Publikations-Hero vorkommt */
body:has(.cesr-publication-hero) #sp-main-body {
  padding: 0 !important;
}

body:has(.cesr-publication-hero) #sp-main-body > .container,
body:has(.cesr-publication-hero) #sp-main-body .container {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body:has(.cesr-publication-hero) #sp-main-body .row {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body:has(.cesr-publication-hero) #sp-component {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body:has(.cesr-publication-hero) #sp-component > .sp-column,
body:has(.cesr-publication-hero) .com-content-article,
body:has(.cesr-publication-hero) .article-details,
body:has(.cesr-publication-hero) .item-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Eventuelle Seitenleisten komplett entfernen */
body:has(.cesr-publication-hero) #sp-left,
body:has(.cesr-publication-hero) #sp-right {
  display: none !important;
}

/* Unsere eigentliche CESR-Breite */
body:has(.cesr-publication-hero) .cesr-section-inner {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =========================================
   CESR – Publikation Full Width FINAL
   ========================================= */

body:has(.cesr-publication-hero) .cesr-publication-hero,
body:has(.cesr-publication-hero) .cesr-publication-body {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* CESR-Inhalt sauber innerhalb des Viewports */
body:has(.cesr-publication-hero) .cesr-publication-hero .cesr-section-inner,
body:has(.cesr-publication-hero) .cesr-publication-body .cesr-section-inner {
  width: calc(100% - 48px) !important;
  max-width: 1280px !important;

  margin-left: auto !important;
  margin-right: auto !important;
}

/* Joomla-eigenen Titel und Metadaten ausblenden */
body:has(.cesr-publication-hero) .article-header,
body:has(.cesr-publication-hero) .article-info {
  display: none !important;
}
/* =========================================
   CESR – Analysen & Publikationen Blog
   ========================================= */

/* Joomla-Standardtitel und Metadaten in der Blogübersicht entfernen */
.blog .page-header,
.blog .article-info {
  display: none !important;
}


/* Standard-Card von Joomla neutralisieren */
.blog .blog-item,
.blog .article {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}


/* Einzelner Publikationsteaser */
.blog .cesr-publication-teaser {
  max-width: 100%;
  padding: 52px 0;
  border-top: 1px solid rgba(23, 50, 77, 0.22);
  border-bottom: 1px solid rgba(23, 50, 77, 0.22);
}


/* Teaser-Titel */
.blog .cesr-publication-teaser h2 {
  max-width: 820px;
  margin: 12px 0 20px;

  font-family: "Source Serif 4", serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;

  color: #17324D;
}


/* Teaser-Text */
.blog .cesr-publication-teaser p {
  max-width: 820px;
  margin: 0;

  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.65;

  color: #1D2731;
}


/* Joomla Weiterlesen-Link */
.blog .readmore {
  margin-top: 24px;
}

.blog .readmore a {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;

  color: #17324D;
  text-decoration: none;
}

.blog .readmore a:hover {
  color: #6F89A6;
}

/* CESR – Weiterlesen-Link in Publikationsübersicht */

.blog .readmore a {
  font-size: 0;
}

.blog .readmore a::after {
  content: "Beitrag lesen →";

  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;

  color: #17324D;
}

.blog .readmore a:hover::after {
  color: #6F89A6;
}

/* =========================================
   CESR – Kategorieintro Publikationen
   ========================================= */

.blog .category-desc {
  margin: 0 0 72px;
  padding: 0;
}

.cesr-publications-category-intro {
  max-width: 920px;
  padding-top: 48px;
  padding-bottom: 64px;
}

.cesr-publications-category-intro h1 {
  max-width: 820px;
  margin: 0 0 28px;
  color: #17324D;
}

.cesr-publications-category-intro .cesr-lead {
  max-width: 760px;
  margin-bottom: 20px;
}

.cesr-publications-category-intro p:last-child {
  max-width: 720px;
  margin-bottom: 0;
}

@media (max-width: 575px) {
  .blog .category-desc {
    margin-bottom: 48px;
  }

  .cesr-publications-category-intro {
    padding-top: 28px;
    padding-bottom: 44px;
  }
}

/* =========================================
   CESR – Projekte & Kooperationen
   ========================================= */

.cesr-project-approach {
  background: #F6F8FA;
}

.cesr-projects {
  background: #ffffff;
}

.cesr-project-list {
  margin-top: 64px;
  border-top: 1px solid rgba(23, 50, 77, 0.22);
}

.cesr-project-row {
  display: grid;
  grid-template-columns: 50px minmax(280px, 4fr) minmax(0, 5fr);
  gap: 48px;

  padding: 48px 0;

  border-bottom: 1px solid rgba(23, 50, 77, 0.22);
  align-items: start;
}

.cesr-project-number {
  padding-top: 5px;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;

  color: #6F89A6;
}

.cesr-project-title .cesr-eyebrow {
  margin-bottom: 14px;
}

.cesr-project-title h3 {
  max-width: 420px;
  margin: 0;

  color: #17324D;
}

.cesr-project-copy {
  max-width: 620px;
}

.cesr-project-copy p {
  margin: 0 0 18px;
}

.cesr-project-meta {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;

  color: #6F89A6;
}

.cesr-project-cooperation {
  background: #F6F8FA;
}

.cesr-project-contact {
  background: #ffffff;
  border-top: 1px solid #DCE5EE;
}


/* Tablet */

@media (max-width: 991px) {

  .cesr-project-row {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 20px 32px;
  }

  .cesr-project-copy {
    grid-column: 2;
  }

}


/* Mobile */

@media (max-width: 575px) {

  .cesr-project-list {
    margin-top: 48px;
  }

  .cesr-project-row {
    grid-template-columns: 1fr;
    gap: 14px;

    padding: 40px 0;
  }

  .cesr-project-copy {
    grid-column: auto;
  }

}

/* =========================================
   CESR – Über uns
   ========================================= */

.cesr-about-organisation {
  background: #F6F8FA;
}

.cesr-about-structure {
  background: #ffffff;
}

.cesr-about-team {
  background: #17324D;
  color: #ffffff;
}

.cesr-about-team-grid {
  display: grid;
  grid-template-columns: minmax(280px, 5fr) minmax(0, 7fr);
  gap: 80px;
  align-items: start;
}

.cesr-about-team h2,
.cesr-about-team .cesr-lead,
.cesr-about-team p {
  color: #ffffff;
}

.cesr-about-team h2 {
  max-width: 520px;
  margin: 0;
}

.cesr-about-team .cesr-lead {
  max-width: 620px;
}

.cesr-about-team p {
  max-width: 620px;
}

.cesr-about-governance {
  background: #F6F8FA;
}

.cesr-about-transparency {
  background: #ffffff;
  border-top: 1px solid #DCE5EE;
}

@media (max-width: 991px) {

  .cesr-about-team-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

}

/* =========================================
   CESR – Kontakt
   ========================================= */

.cesr-contact-reasons {
  background: #F6F8FA;
}

.cesr-contact-main {
  background: #17324D;
  color: #ffffff;
}

.cesr-contact-grid {
  display: grid;
  grid-template-columns: minmax(280px, 5fr) minmax(0, 7fr);
  gap: 96px;
  align-items: start;
}

.cesr-contact-main h2,
.cesr-contact-main .cesr-lead,
.cesr-contact-main p {
  color: #ffffff;
}

.cesr-contact-intro h2 {
  max-width: 520px;
  margin: 0 0 28px;
}

.cesr-contact-intro .cesr-lead,
.cesr-contact-intro p {
  max-width: 560px;
}

.cesr-contact-details {
  border-top: 1px solid rgba(255,255,255,0.24);
}

.cesr-contact-detail {
  padding: 28px 0;
  border-bottom: 1px solid rgba(255,255,255,0.24);
}

.cesr-contact-detail a {
  font-family: "Source Serif 4", serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  text-decoration: none;
}

.cesr-contact-detail a:hover {
  color: #DCE5EE;
}

.cesr-contact-detail p {
  max-width: 600px;
  margin: 0;
}

.cesr-contact-cooperation {
  background: #ffffff;
}


/* Tablet */

@media (max-width: 991px) {

  .cesr-contact-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

}


/* Mobile */

@media (max-width: 575px) {

  .cesr-contact-detail a {
    font-size: 24px;
  }

}

/* =========================================
   CESR – Transparenz & Governance
   ========================================= */

.cesr-governance-principles {
  background: #F6F8FA;
}

.cesr-governance-independence {
  background: #ffffff;
}

.cesr-governance-funding {
  background: #17324D;
  color: #ffffff;
}

.cesr-governance-grid {
  display: grid;
  grid-template-columns: minmax(280px, 5fr) minmax(0, 7fr);
  gap: 80px;
  align-items: start;
}

.cesr-governance-funding h2,
.cesr-governance-funding .cesr-lead,
.cesr-governance-funding p {
  color: #ffffff;
}

.cesr-governance-funding h2 {
  max-width: 560px;
  margin: 0;
}

.cesr-governance-funding p {
  max-width: 620px;
}

.cesr-governance-responsibility {
  background: #F6F8FA;
}

.cesr-governance-documents {
  background: #ffffff;
  border-top: 1px solid #DCE5EE;
}

@media (max-width: 991px) {
  .cesr-governance-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* =========================================
   CESR – Rechtliche Seiten
   ========================================= */

.cesr-legal-page {
  background: #ffffff;
  padding: 130px 24px 110px;
}

.cesr-legal-header {
  max-width: 820px;
  margin-bottom: 72px;
}

.cesr-legal-header h1 {
  margin: 0 0 28px;
  color: #17324D;
}

.cesr-legal-content {
  max-width: 860px;
}

.cesr-legal-section {
  padding: 36px 0;
  border-top: 1px solid rgba(23, 50, 77, 0.18);
}

.cesr-legal-section:last-child {
  border-bottom: 1px solid rgba(23, 50, 77, 0.18);
}

.cesr-legal-section h2 {
  margin: 0 0 18px;
  color: #17324D;
}

.cesr-legal-section h3 {
  margin: 36px 0 16px;
  color: #17324D;
}

.cesr-legal-section p {
  max-width: 760px;
  margin: 0 0 16px;
}

.cesr-legal-section p:last-child {
  margin-bottom: 0;
}

.cesr-legal-section ul {
  max-width: 760px;
  margin: 0 0 20px;
  padding-left: 24px;
}

.cesr-legal-section li {
  margin-bottom: 8px;
}

.cesr-legal-section a {
  color: #17324D;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cesr-legal-section a:hover {
  color: #6F89A6;
}


/* =========================================
   CESR – Rechtliche Seiten Mobile
   ========================================= */

@media (max-width: 575px) {

  .cesr-legal-page {
    padding: 72px 20px 64px;
  }

  .cesr-legal-header {
    margin-bottom: 56px;
  }

  .cesr-legal-header h1 {
    font-size: 36px;
    line-height: 1.08;
    margin-bottom: 0;
    hyphens: none;
    -webkit-hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
  }

  .cesr-legal-section {
    padding: 32px 0;
  }

  .cesr-legal-section h2 {
    font-size: 23px;
    line-height: 1.2;
    margin: 0 0 20px;

    hyphens: none;
    -webkit-hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
  }
  
  .cesr-legal-section h3 {
    font-size: 22px;
    line-height: 1.25;
    margin: 36px 0 16px;
  }

  .cesr-legal-section p,
  .cesr-legal-section li {
    font-size: 17px;
    line-height: 1.65;
  }

  .cesr-legal-section p {
    margin-bottom: 18px;
  }

  .cesr-legal-section ul {
    padding-left: 22px;
    margin-bottom: 22px;
  }

  .cesr-legal-section li {
    margin-bottom: 10px;
  }
}

/* =========================================
   CESR – Tablet Hero Feinjustierung
   ========================================= */

@media (min-width: 576px) and (max-width: 991px) {

  .cesr-hero {
    padding-bottom: 80px;
  }

  .cesr-hero-visual {
    min-height: 180px;
    margin-top: 36px;
  }

  .cesr-visual-circle-large {
    width: 220px;
    height: 220px;
  }

  .cesr-visual-circle-medium {
    width: 130px;
    height: 130px;
  }

  .cesr-visual-circle-small {
    width: 64px;
    height: 64px;
  }
}

/* =========================================
   CESR – Footer Tablet
   ========================================= */

@media (min-width: 576px) and (max-width: 991px) {

  .cesr-footer .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 44px 64px;
    align-items: start;
  }

  .cesr-footer .row > div {
    width: 100% !important;
    max-width: none !important;
    text-align: left !important;
  }

  .cesr-footer-block {
    max-width: none;
    margin-bottom: 0;
  }
}

/* =========================================
   CESR – Mobile Hero
   ========================================= */

@media (max-width: 575px) {

  .cesr-home .cesr-hero,
  .cesr-hero {
    padding-top: 64px;
    padding-right: 20px;
    padding-bottom: 80px;
    padding-left: 20px;
  }

  .cesr-eyebrow {
    font-size: 11.5px;
    line-height: 1.35;
    letter-spacing: 0.10em;
    margin-bottom: 24px;
  }

  .cesr-hero h1 {
    font-size: 37px;
    line-height: 1.08;
    margin-bottom: 28px;
  }

  .cesr-hero .cesr-lead {
    font-size: 19px;
    line-height: 1.5;
    margin-bottom: 24px;
  }

  .cesr-hero-text {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 36px;
  }

  .cesr-buttons {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 40px;
  }

  .cesr-buttons .cesr-btn {
    width: 100%;
    min-height: 48px;
    justify-content: center;
    text-align: center;
  }

  .cesr-hero-visual {
    min-height: 170px;
    margin-top: 20px;
    overflow: visible;
  }

  .cesr-visual-circle-large {
    width: 180px;
    height: 180px;
    bottom: -35px;
  }

  .cesr-visual-circle-medium {
    width: 105px;
    height: 105px;
    bottom: -15px;
  }

  .cesr-visual-circle-small {
    width: 52px;
    height: 52px;
    bottom: 5px;
  }
}

/* =========================================
   CESR – Mobile Abschnittsüberschriften
   ========================================= */

@media (max-width: 575px) {

  .cesr-section h2,
  .cesr-why-content h2,
  .cesr-working-header h2,
  .cesr-audiences-content h2,
  .cesr-topic-offers-header h2 {
    font-size: 32px;
    line-height: 1.12;
  }

  .cesr-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}


/* =========================================
   CESR – Mobile Fließtext
   ========================================= */

@media (max-width: 575px) {

  .cesr-section p,
  .cesr-why-content p,
  .cesr-working-content p,
  .cesr-audiences-content p,
  .cesr-topic-offers-content p {
    font-size: 17px;
    line-height: 1.65;
  }
}


/* =========================================
   CESR – Footer Mobile
   ========================================= */

@media (max-width: 575px) {

  .cesr-footer {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .cesr-footer .row > div {
    text-align: left !important;
  }

  .cesr-footer-block {
    max-width: none;
    margin-bottom: 44px;
  }

  .cesr-footer h4,
  .cesr-footer h5,
  .cesr-footer .module-title {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0.03em;
    margin-top: 0;
    margin-bottom: 20px;
  }

  /* Abstand zwischen mehreren Bereichen innerhalb derselben Spalte */
  .cesr-footer-block + .cesr-footer-block,
  .cesr-footer h4:not(:first-child),
  .cesr-footer h5:not(:first-child),
  .cesr-footer .module-title:not(:first-child) {
    margin-top: 36px;
  }

  .cesr-footer-links {
    text-align: left !important;
    margin-bottom: 0;
  }

  .cesr-footer-links li {
    margin-bottom: 10px;
    line-height: 1.5;
  }

  .cesr-footer-links li:last-child {
    margin-bottom: 0;
  }

  .cesr-footer a {
    line-height: 1.5;
  }
}



/* =========================================
   CESR – Mobile Off-Canvas Menu
   ========================================= */

@media (max-width: 991px) {

  .offcanvas-menu {
    background: #ffffff;
  }

  .offcanvas-menu .offcanvas-inner {
    padding: 72px 28px 40px;
  }

  .offcanvas-menu .menu > li {
    margin-bottom: 6px;
  }

  .offcanvas-menu .menu > li > a,
  .offcanvas-menu .menu > li > span {
    display: block;
    padding: 10px 0;
    font-family: "Inter", Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
    color: #17324D;
  }

  .offcanvas-menu .menu > li.active > a,
  .offcanvas-menu .menu > li.active > span {
    color: #6F89A6;
  }

  .offcanvas-menu .menu-child {
    margin-top: 6px;
    padding-left: 16px;
  }

  .offcanvas-menu .menu-child li a {
    display: block;
    padding: 8px 0;
    font-size: 15px;
    line-height: 1.45;
    color: #4F6478;
  }

  .offcanvas-menu .menu-child li a:hover,
  .offcanvas-menu .menu-child li.active > a {
    color: #17324D;
  }

  .offcanvas-menu .offcanvas-close {
    color: #17324D;
  }
}

@media (max-width: 991px) {
  .offcanvas-overlay {
    background: rgba(23, 50, 77, 0.18);
  }
}

/* =========================================
   CESR – Mobile Off-Canvas Feinjustierung
   ========================================= */

@media (max-width: 991px) {

  .offcanvas-menu {
    width: min(82vw, 360px);
  }

  .offcanvas-menu .offcanvas-inner {
    padding: 72px 28px 40px;
  }

  .offcanvas-menu .menu > li > a,
  .offcanvas-menu .menu > li > span {
    color: #17324D;
  }

  .offcanvas-menu .menu > li.active > a,
  .offcanvas-menu .menu > li.active > span,
  .offcanvas-menu .menu > li.open > a,
  .offcanvas-menu .menu > li.open > span {
    color: #6F89A6;
  }

  .offcanvas-menu .menu-child {
    padding-left: 14px;
    margin-top: 6px;
  }

  .offcanvas-menu .menu-child li a {
    font-size: 15px;
    line-height: 1.45;
    padding: 8px 0;
    color: #4F6478;
  }
}

/* =========================================
   CESR – Mobile Off-Canvas Untermenü
   ========================================= */

@media (max-width: 991px) {

  .offcanvas-menu .menu > li.open > a,
  .offcanvas-menu .menu > li.open > span {
    color: #17324D;
    font-weight: 600;
  }

  .offcanvas-menu .menu-child {
    margin-top: 8px;
    margin-bottom: 14px;
    padding-left: 18px;
  }

  .offcanvas-menu .menu-child li {
    margin-bottom: 2px;
  }

  .offcanvas-menu .menu-child li a {
    padding: 7px 0;
    font-size: 15px;
    line-height: 1.3;
    color: #4F6478;
  }

  .offcanvas-menu .menu-child li a:hover,
  .offcanvas-menu .menu-child li.active > a {
    color: #17324D;
  }
}

/* =========================================
   CESR – Mobile Publikationsübersicht
   ========================================= */

@media (max-width: 575px) {

  .cesr-publications-hero h1,
  .cesr-archive-hero h1,
  .cesr-legal-header h1 {
    font-size: 34px;
    line-height: 1.08;
    margin-bottom: 28px;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  .cesr-publications-hero,
  .cesr-archive-hero {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cesr-publications-hero .cesr-lead,
  .cesr-archive-hero .cesr-lead {
    font-size: 18px;
    line-height: 1.55;
  }
}

/* =========================================
   CESR – Mobile Publikationsübersicht
   ========================================= */

@media (max-width: 575px) {

  .cesr-publications-category-intro {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cesr-publications-category-intro h1 {
    font-size: 34px;
    line-height: 1.08;
    margin-bottom: 28px;
    hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
  }  

  .cesr-publications-category-intro .cesr-eyebrow {
    font-size: 11.5px;
    line-height: 1.35;
    letter-spacing: 0.10em;
    margin-bottom: 24px;
  }

  .cesr-publications-category-intro .cesr-lead {
    font-size: 18px;
    line-height: 1.55;
    margin-bottom: 24px;
  }

  .cesr-publications-category-intro > p:not(.cesr-lead) {
    font-size: 17px;
    line-height: 1.65;
  }
}

/* =========================================
   CESR – Mobile Single Publication
   ========================================= */

@media (max-width: 575px) {

  .cesr-publication-hero {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cesr-publication-hero h1 {
    font-size: 32px;
    line-height: 1.08;
    margin-bottom: 28px;
    hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
  }

  .cesr-publication-hero .cesr-lead {
    font-size: 18px;
    line-height: 1.55;
    margin-bottom: 28px;
  }

  .cesr-publication-hero .cesr-meta {
    font-size: 13px;
    line-height: 1.55;
    margin-top: 28px;
  }
}

/* =========================================
   CESR – Mobile Publication Body
   ========================================= */

@media (max-width: 575px) {

  .cesr-publication-body {
    padding-top: 56px;
    padding-bottom: 64px;
  }

  .cesr-publication-layout {
    display: block;
  }

  .cesr-publication-aside {
    margin-bottom: 56px;
  }

  .cesr-publication-content {
    width: 100%;
  }

  .cesr-publication-keypoints {
    padding-left: 0;
    margin: 20px 0 0;
    list-style: none;
  }

  .cesr-publication-keypoints li {
    padding: 14px 0;
    border-top: 1px solid #DCE5EE;
    font-size: 16px;
    line-height: 1.55;
  }

  .cesr-publication-keypoints li:last-child {
    border-bottom: 1px solid #DCE5EE;
  }

  .cesr-publication-content h2 {
    font-size: 27px;
    line-height: 1.15;
  }

  .cesr-publication-content h2:first-child {
    margin-top: 0;
  }

  .cesr-publication-content p {
    font-size: 17px;
    line-height: 1.65;
    margin-bottom: 22px;
  }

  .cesr-publication-conclusion {
    margin-top: 56px;
    margin-bottom: 24px;
    padding-top: 40px;
    border-top: 1px solid #DCE5EE;
  }

  .cesr-publication-conclusion h2 {
    font-size: 27px;
    line-height: 1.15;
  }

  .cesr-publication-conclusion .cesr-lead {
    font-size: 18px;
    line-height: 1.55;
  }

  .cesr-publication-conclusion .cesr-eyebrow {
    margin-bottom: 24px;
  }  
}

/* =========================================
   CESR – Mobile Pre-Footer CTA
   ========================================= */

@media (max-width: 575px) {

  .cesr-prefooter {
    margin-top: 0 !important;
    padding-top: 48px;
    padding-right: 20px;
    padding-bottom: 56px;
    padding-left: 20px;
  }

  .cesr-prefooter h2 {
    font-size: 32px;
    line-height: 1.1;
    margin-bottom: 28px;
  }

  .cesr-prefooter p {
    font-size: 17px;
    line-height: 1.65;
    margin-bottom: 32px;
  }

  .cesr-prefooter .cesr-btn,
  .cesr-prefooter .btn {
    width: 100%;
    min-height: 48px;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
  }
}

/* =========================================
   CESR – Mobile Schwerpunktseiten
   ========================================= */

@media (max-width: 575px) {

  /* Hero */

  .cesr-page-hero {
    padding-top: 72px;
    padding-bottom: 64px;
  }

  .cesr-page-hero-grid {
    display: block;
  }

  .cesr-page-hero h1 {
    font-size: 32px;
    line-height: 1.08;
    margin-bottom: 32px;

    hyphens: none;
    -webkit-hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
  }

  /* Sonderfall für sehr lange Ein-Wort-Titel,
     z. B. Bürger:innenkompetenz */

  .cesr-page-hero-copy {
    margin-top: 0;
  }

  .cesr-page-hero-copy .cesr-lead {
    font-size: 18px;
    line-height: 1.55;
    margin-bottom: 22px;
  }

  .cesr-page-hero-copy p {
    font-size: 17px;
    line-height: 1.65;
  }

  /* Warum dieses Thema? */

  .cesr-topic-intro .cesr-why-grid {
    display: block;
  }

  .cesr-topic-intro .cesr-why-label {
    margin-bottom: 24px;
  }

  .cesr-topic-intro .cesr-why-content h2 {
    font-size: 30px;
    line-height: 1.12;
    margin-bottom: 24px;
  }

  .cesr-topic-intro .cesr-lead {
    font-size: 18px;
    line-height: 1.55;
  }


 /* Zentrale Fragen */

.cesr-topic-questions .cesr-working-header {
  margin-bottom: 36px;
}

.cesr-topic-questions .cesr-working-header h2 {
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 0;

  hyphens: none;
  -webkit-hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
}

.cesr-topic-questions .cesr-working-grid {
  display: block;
}

.cesr-topic-questions .cesr-working-item {
  padding: 26px 0;
  border-top: 1px solid #DCE5EE;
}

.cesr-topic-questions .cesr-working-item:last-child {
  border-bottom: 1px solid #DCE5EE;
}

.cesr-topic-questions .cesr-working-item h3 {
  font-size: 22px;
  line-height: 1.25;
  margin-bottom: 14px;
}

.cesr-topic-questions .cesr-working-item p {
  font-size: 17px;
  line-height: 1.65;
}


/* CESR-Perspektive */

.cesr-perspective .cesr-topic-connection-grid {
  display: block;
}

.cesr-perspective .cesr-topic-connection-grid > div:first-child {
  margin-bottom: 24px;
}

.cesr-perspective h2 {
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 26px;

  hyphens: none;
  -webkit-hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
}

.cesr-perspective .cesr-lead {
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 28px;
}

.cesr-perspective p {
  font-size: 17px;
  line-height: 1.65;
}


/* Angebote */

.cesr-topic-offers-header h2 {
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 24px;

  hyphens: none;
  -webkit-hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
}

.cesr-topic-offers-header .cesr-lead {
  font-size: 18px;
  line-height: 1.55;
}

.cesr-topic-offers-grid {
  display: block;
  margin-top: 40px;
}

.cesr-topic-offer {
  padding: 28px 0;
  border-top: 1px solid #DCE5EE;
}

.cesr-topic-offer:last-child {
  border-bottom: 1px solid #DCE5EE;
}

.cesr-topic-offer-meta {
  margin-bottom: 18px;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.cesr-topic-offer h3 {
  font-size: 22px;
  line-height: 1.25;
  margin-bottom: 12px;
}

.cesr-topic-offer p {
  font-size: 17px;
  line-height: 1.65;
}


/* Actions */

.cesr-topic-offers-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 40px;
  margin-bottom: 0;
}

.cesr-topic-offers-actions .cesr-btn {
  width: 100%;
  min-height: 48px;
  justify-content: center;
  text-align: center;
}

.cesr-topic-offers-actions .cesr-text-link {
  display: inline-block;
  text-align: center;
}

/* Abstand zum globalen Pre-Footer reduzieren */

.cesr-topic-offers {
  padding-bottom: 32px !important;
}
  }
  
/* =========================================
   CESR – Mobile Programme & Angebote
   ========================================= */

@media (max-width: 575px) {

  /* Hero */

  .cesr-page-hero h1 {
    font-size: 32px;
    line-height: 1.08;
    margin-bottom: 32px;

    hyphens: none;
    -webkit-hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
  }

  .cesr-page-hero-copy .cesr-lead {
    font-size: 18px;
    line-height: 1.55;
    margin-bottom: 24px;
  }

  .cesr-page-hero-copy p {
    font-size: 17px;
    line-height: 1.65;
  }


/* Unsere Angebotsbereiche */

.cesr-program-overview .cesr-working-header {
  margin-bottom: 36px;
}

.cesr-program-overview .cesr-working-header h2 {
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 24px;
}

.cesr-program-overview .cesr-working-header .cesr-lead {
  font-size: 18px;
  line-height: 1.55;
}

.cesr-program-overview .cesr-working-grid {
  display: block;
}

.cesr-program-overview .cesr-working-item {
  padding: 24px 0;
  border-top: 1px solid #DCE5EE;
}

.cesr-program-overview .cesr-working-item:last-child {
  border-bottom: 1px solid #DCE5EE;
}

.cesr-program-overview .cesr-working-number {
  margin-bottom: 18px;
}

.cesr-program-overview .cesr-working-item h3 {
  font-size: 22px;
  line-height: 1.25;
  margin-bottom: 12px;
}

.cesr-program-overview .cesr-working-item p {
  font-size: 17px;
  line-height: 1.65;
  margin-bottom: 0;
}

/* Konkrete Formate */

.cesr-program-formats-header h2 {
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 24px;

  hyphens: none;
  -webkit-hyphens: none;
}

.cesr-program-formats-header .cesr-lead {
  font-size: 18px;
  line-height: 1.55;
}

.cesr-program-list {
  margin-top: 40px;
}

.cesr-program-row {
  display: block;
  padding: 28px 0;
  border-top: 1px solid #DCE5EE;
}

.cesr-program-row:last-child {
  border-bottom: 1px solid #DCE5EE;
}

.cesr-program-meta {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.cesr-program-title {
  margin-bottom: 12px;
}

.cesr-program-title h3 {
  font-size: 22px;
  line-height: 1.25;
  margin: 0;
}

.cesr-program-copy p {
  font-size: 17px;
  line-height: 1.65;
  margin-bottom: 20px;
}

.cesr-program-audience {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #6F89A6;
}
  
/* Zielgruppen */

.cesr-audiences-grid {
  display: block;
}

.cesr-audiences-label {
  margin-bottom: 24px;
}

.cesr-audiences-content h2 {
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 24px;
}

.cesr-audiences-content .cesr-lead {
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 36px;
}

.cesr-audience-list {
  display: block;
}

.cesr-audience-item {
  padding: 14px 16px;
  border-top: 1px solid rgba(23, 50, 77, 0.18);
  font-size: 17px;
  line-height: 1.5;
}

.cesr-audience-item:last-child {
  border-bottom: 1px solid rgba(23, 50, 77, 0.18);
}

  /* Individuelle Formate */

  .cesr-program-custom .cesr-why-grid {
    display: block;
  }

  .cesr-program-custom .cesr-why-label {
    margin-bottom: 24px;
  }

  .cesr-program-custom .cesr-why-content h2 {
    font-size: 28px;
    line-height: 1.14;
    margin-bottom: 24px;
  }

  .cesr-program-custom .cesr-why-content .cesr-lead {
    font-size: 18px;
    line-height: 1.55;
    margin-bottom: 24px;
  }

  .cesr-program-custom .cesr-why-content p {
    font-size: 17px;
    line-height: 1.65;
  }

  .cesr-program-custom .cesr-btn {
    width: 100%;
    min-height: 48px;
    margin-top: 36px;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
  }
}

  /* =========================================
   CESR – Mobile Publication Teaser
   ========================================= */

@media (max-width: 575px) {

  .cesr-publication-teaser p {
    margin-bottom: 28px;
  }

  .cesr-publication-teaser .readmore,
  .cesr-publication-teaser .btn,
  .cesr-publication-teaser a {
    margin-top: 4px;
  }

  .cesr-publication-teaser {
    padding-bottom: 28px;
  }
}

  /* =========================================
   CESR – Mobile Projekte & Kooperationen
   ========================================= */

@media (max-width: 575px) {

  /* Unser Ansatz */

  .cesr-project-approach .cesr-why-grid {
    display: block;
  }

  .cesr-project-approach .cesr-why-label {
    margin-bottom: 28px;
  }

  .cesr-project-approach .cesr-why-content h2 {
    font-size: 28px;
    line-height: 1.14;
    margin-bottom: 24px;
  }

  .cesr-project-approach .cesr-why-content .cesr-lead {
    font-size: 18px;
    line-height: 1.55;
    margin-bottom: 28px;
  }

  .cesr-project-approach .cesr-why-content p {
    font-size: 17px;
    line-height: 1.65;
    margin-bottom: 0;
  }


/* Projekte & Formate */

.cesr-projects .cesr-working-header {
  margin-bottom: 36px;
}

.cesr-projects .cesr-working-header h2 {
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 24px;

  hyphens: none;
  -webkit-hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
}

.cesr-projects .cesr-working-header .cesr-lead {
  font-size: 18px;
  line-height: 1.55;
}

.cesr-project-list {
  display: block;
}

.cesr-project-row {
  display: block;
  padding: 28px 0;
  border-top: 1px solid #DCE5EE;
}

.cesr-project-row:last-child {
  border-bottom: 1px solid #DCE5EE;
}

.cesr-project-number {
  margin-bottom: 20px;
}

.cesr-project-title {
  margin-bottom: 14px;
}

.cesr-project-title .cesr-eyebrow {
  font-size: 11.5px;
  line-height: 1.3;
  letter-spacing: 0.10em;
  margin-bottom: 16px;
}

.cesr-project-title h3 {
  font-size: 22px;
  line-height: 1.25;
  margin: 0;
}

.cesr-project-copy p {
  font-size: 17px;
  line-height: 1.65;
  margin-bottom: 20px;
}

.cesr-project-meta {
  font-size: 14px;
  line-height: 1.5;
  color: #6F89A6;
}


/* Kooperationsformen */

.cesr-project-cooperation .cesr-working-header {
  margin-bottom: 36px;
}

.cesr-project-cooperation .cesr-working-header h2 {
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 0;

  hyphens: none;
  -webkit-hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
}

.cesr-project-cooperation .cesr-working-grid {
  display: block;
}

.cesr-project-cooperation .cesr-working-item {
  padding: 24px 0;
  border-top: 1px solid #DCE5EE;
}

.cesr-project-cooperation .cesr-working-item:last-child {
  border-bottom: 1px solid #DCE5EE;
}

.cesr-project-cooperation .cesr-working-number {
  margin-bottom: 20px;
}

.cesr-project-cooperation .cesr-working-item h3 {
  font-size: 22px;
  line-height: 1.25;
  margin-bottom: 12px;
}

.cesr-project-cooperation .cesr-working-item p {
  font-size: 17px;
  line-height: 1.65;
  margin-bottom: 0;
}


/* Partner */

.cesr-audiences .cesr-audiences-grid {
  display: block;
}

.cesr-audiences .cesr-audiences-label {
  margin-bottom: 24px;
}

.cesr-audiences .cesr-audiences-content h2 {
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 24px;
}

.cesr-audiences .cesr-audiences-content .cesr-lead {
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 40px;
}

.cesr-audiences .cesr-audience-list {
  display: block;
}

.cesr-audiences .cesr-audience-item {
  padding: 16px 16px;
  border-top: 1px solid rgba(23, 50, 77, 0.18);
  font-size: 17px;
  line-height: 1.5;
}

.cesr-audiences .cesr-audience-item:last-child {
  border-bottom: 1px solid rgba(23, 50, 77, 0.18);
}


/* Zusammenarbeit */

.cesr-project-contact .cesr-why-grid {
  display: block;
}

.cesr-project-contact .cesr-why-label {
  margin-bottom: 24px;
}

.cesr-project-contact .cesr-why-content h2 {
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 24px;
}

.cesr-project-contact .cesr-why-content .cesr-lead {
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 0;
}

.cesr-project-contact .cesr-btn {
  width: 100%;
  min-height: 48px;
  margin-top: 36px;
  box-sizing: border-box;
  justify-content: center;
  text-align: center;
}

.cesr-project-contact {
  padding-bottom: 40px !important;
}
  }

/* =========================================
   CESR – Mobile Über CESR
   ========================================= */

@media (max-width: 575px) {

  /* Selbstverständnis */

  .cesr-about-intro .cesr-why-grid {
    display: block;
  }

  .cesr-about-intro .cesr-why-label {
    margin-bottom: 28px;
  }

  .cesr-about-intro .cesr-why-content h2 {
    font-size: 28px;
    line-height: 1.14;
    margin-bottom: 24px;

    hyphens: none;
    -webkit-hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
  }

  .cesr-about-intro .cesr-why-content .cesr-lead {
    font-size: 18px;
    line-height: 1.55;
    margin-bottom: 28px;
  }

  .cesr-about-intro .cesr-why-content p {
    font-size: 17px;
    line-height: 1.65;
    margin-bottom: 0;
  }


  /* Mission & Vision */

  .cesr-mission-vision-grid {
    display: block;
  }

  .cesr-mv-item {
    padding: 36px 0;
    border-top: 1px solid #DCE5EE;
  }

  .cesr-mv-item:last-child {
    border-bottom: 1px solid #DCE5EE;
  }

  .cesr-mv-item .cesr-eyebrow {
    margin-bottom: 20px;
  }

  .cesr-mv-item h2 {
    font-size: 28px;
    line-height: 1.14;
    margin-bottom: 24px;
  }

  .cesr-mv-item .cesr-lead {
    font-size: 18px;
    line-height: 1.55;
    margin-bottom: 24px;
  }

  .cesr-mv-item p {
    font-size: 17px;
    line-height: 1.65;
    margin-bottom: 0;
  }


/* Arbeitsweise */

.cesr-working-method .cesr-working-header {
  margin-bottom: 36px;
}

.cesr-working-method .cesr-working-header h2 {
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 24px;
}

.cesr-working-method .cesr-working-header .cesr-lead {
  font-size: 18px;
  line-height: 1.55;
}

.cesr-working-method .cesr-working-grid {
  display: block;
}

.cesr-working-method .cesr-working-item {
  padding: 24px 0;
  border-top: 1px solid #DCE5EE;
}

.cesr-working-method .cesr-working-item:last-child {
  border-bottom: 1px solid #DCE5EE;
}

.cesr-working-method .cesr-working-number {
  margin-bottom: 20px;
}

.cesr-working-method .cesr-working-item h3 {
  font-size: 22px;
  line-height: 1.25;
  margin-bottom: 12px;
}

.cesr-working-method .cesr-working-item p {
  font-size: 17px;
  line-height: 1.65;
  margin-bottom: 0;
}


/* Werte */

.cesr-values-header {
  margin-bottom: 36px;
}

.cesr-values-header h2 {
  font-size: 28px;
  line-height: 1.14;
  margin-bottom: 24px;
}

.cesr-values-header .cesr-lead {
  font-size: 18px;
  line-height: 1.55;
}

.cesr-values-grid {
  display: block;
}

.cesr-value-item {
  padding: 24px 0;
  border-top: 1px solid #DCE5EE;
}

.cesr-value-item:last-child {
  border-bottom: 1px solid #DCE5EE;
}

.cesr-value-number {
  margin-bottom: 18px;
}

.cesr-value-item h3 {
  font-size: 22px;
  line-height: 1.25;
  margin-bottom: 12px;
}

.cesr-value-item p {
  font-size: 17px;
  line-height: 1.65;
  margin-bottom: 0;
}
  
}


/* =========================================
   CESR – Mobile Kontakt
   ========================================= */

@media (max-width: 575px) {

  /* Worum geht es? */

  .cesr-contact-reasons .cesr-working-header {
    margin-bottom: 36px;
  }

  .cesr-contact-reasons .cesr-working-header h2 {
    font-size: 28px;
    line-height: 1.14;
    margin-bottom: 0;

    hyphens: none;
    -webkit-hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
  }

  .cesr-contact-reasons .cesr-working-grid {
    display: block;
  }

  .cesr-contact-reasons .cesr-working-item {
    padding: 24px 0;
    border-top: 1px solid #DCE5EE;
  }

  .cesr-contact-reasons .cesr-working-item:last-child {
    border-bottom: 1px solid #DCE5EE;
  }

  .cesr-contact-reasons .cesr-working-number {
    margin-bottom: 20px;
  }

  .cesr-contact-reasons .cesr-working-item h3 {
    font-size: 22px;
    line-height: 1.25;
    margin-bottom: 12px;
  }

  .cesr-contact-reasons .cesr-working-item p {
    font-size: 17px;
    line-height: 1.65;
    margin-bottom: 0;
  }


  /* Kontakt aufnehmen */

  .cesr-contact-grid {
    display: block;
  }

  .cesr-contact-intro {
    margin-bottom: 44px;
  }

  .cesr-contact-intro h2 {
    font-size: 28px;
    line-height: 1.14;
    margin-bottom: 24px;
  }

  .cesr-contact-intro .cesr-lead {
    font-size: 18px;
    line-height: 1.55;
    margin-bottom: 24px;
  }

  .cesr-contact-intro p {
    font-size: 17px;
    line-height: 1.65;
  }

  .cesr-contact-detail {
    padding: 28px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.22);
  }

  .cesr-contact-detail:last-child {
    border-bottom: 1px solid #DCE5EE;
  }

  .cesr-contact-detail .cesr-eyebrow {
    margin-bottom: 14px;
  }

  .cesr-contact-detail p,
  .cesr-contact-detail a {
    font-size: 17px;
    line-height: 1.6;
  }


  /* Kooperation */

  .cesr-contact-cooperation .cesr-why-grid {
    display: block;
  }

  .cesr-contact-cooperation .cesr-why-label {
    margin-bottom: 24px;
  }

  .cesr-contact-cooperation .cesr-why-content h2 {
    font-size: 28px;
    line-height: 1.14;
    margin-bottom: 24px;
  }

  .cesr-contact-cooperation .cesr-why-content .cesr-lead {
    font-size: 18px;
    line-height: 1.55;
    margin-bottom: 24px;
  }

  .cesr-contact-cooperation .cesr-why-content p {
    font-size: 17px;
    line-height: 1.65;
  }

  .cesr-contact-cooperation .cesr-btn {
    width: 100%;
    min-height: 48px;
    margin-top: 36px;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
  }
}
  
  
/* =========================================
   CESR – Back to Top Mobile
   ========================================= */

@media (max-width: 575px) {

  .sp-scroll-up {
    right: 18px;
    bottom: 18px;
  }
}

/* =========================================
   CESR – Publikations-Metadaten
   ========================================= */

.cesr-meta {
  margin-top: 30px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #6F89A6;
}

.cesr-meta span {
  display: inline-block;
  margin: 0 7px;
}

@media (max-width: 575px) {
  .cesr-meta {
    font-size: 13px;
    line-height: 1.6;
  }

  .cesr-meta span {
    margin: 0 4px;
  }
}

/* =========================================
   CESR – Legal H1 Mobile Fix
   ========================================= */

@media (max-width: 575px) {

  .cesr-legal-header h1 {
    font-size: 31px !important;
    line-height: 1.08 !important;

    hyphens: none !important;
    -webkit-hyphens: none !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
  }
}

/* =========================================
   CESR – Footer Copyright
   ========================================= */

.cesr-footer-bottom {
  padding: 16px 0 22px;
  border-top: 1px solid rgba(220, 229, 238, 0.18);
}

.cesr-footer-bottom-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;

  font-family: "Inter", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;

  color: #AABBCD !important;
}


/* Copyright-Row */
.cesr-copyright-row,
.cesr-copyright-row p,
.cesr-copyright-row span,
.cesr-copyright-row div,
.cesr-copyright-row a {
  color: #AABBCD !important;
}

.cesr-copyright-row p {
  margin: 0;
}


/* Desktop */
@media (min-width: 576px) {

  .cesr-copyright-row .container,
  .cesr-copyright-row .container-inner {
    max-width: 1140px;
    margin: 0 auto;
    padding-left: 80px !important;
    padding-right: 0 !important;
  }
}


/* Mobile */
@media (max-width: 575px) {

  .cesr-footer-bottom {
    padding: 18px 0 20px;
  }

  .cesr-copyright-row .container,
  .cesr-copyright-row .container-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .cesr-footer-bottom-inner {
    position: static !important;
    top: auto !important;
    margin-left: 0 !important;

    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
  }
}

  /* =========================================
   CESR – Newsletter
   ========================================= */

.cesr-newsletter {
  padding: 96px 24px 88px;
  background: #ffffff;
}

.cesr-newsletter-inner {
  max-width: 820px;
  margin: 0 auto;
}

.cesr-newsletter .cesr-eyebrow {
  margin-bottom: 20px;
}

.cesr-newsletter h1 {
  max-width: 760px;
  margin: 0 0 28px;
  color: #17324D;
}

.cesr-newsletter .cesr-lead {
  max-width: 700px;
  margin: 0 0 44px;

  font-size: 20px;
  line-height: 1.55;
}


/* Formular */

.cesr-newsletter-form {
  max-width: 760px;
}

.cesr-newsletter-field {
  margin-bottom: 24px;
}

.cesr-newsletter-field label {
  display: block;
  margin-bottom: 9px;

  font-family: "Inter", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;

  color: #17324D;
}

.cesr-newsletter-field input {
  display: block;
  width: 100%;
  min-height: 52px;
  box-sizing: border-box;

  padding: 12px 14px;

  border: 1px solid #C9D5E1;
  border-radius: 0;

  background: #ffffff;
  color: #1F2D3A;

  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.cesr-newsletter-field input:focus {
  outline: none;
  border-color: #6F89A6;
  box-shadow: 0 0 0 2px rgba(111, 137, 166, 0.14);
}


/* Einwilligung */

.cesr-newsletter-consent {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 12px;

  margin: 32px 0 30px;
}

.cesr-newsletter-consent input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 3px 0 0;
}

.cesr-newsletter-consent label {
  margin: 0;

  font-family: "Inter", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;

  color: #40556A;
}

.cesr-newsletter-consent a {
  color: #17324D;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.cesr-newsletter-consent a:hover {
  color: #6F89A6;
}


/* Button */

.cesr-newsletter-form .cesr-btn {
  min-height: 48px;
  padding: 13px 22px;

  font-family: "Inter", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}


/* Hinweis */

.cesr-newsletter-note {
  max-width: 680px;
  margin: 18px 0 0;

  font-family: "Inter", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.55;

  color: #6F7F8F;
}


/* Honeypot */

.cesr-newsletter-hp {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}


/* =========================================
   CESR – Newsletter Mobile
   ========================================= */

@media (max-width: 575px) {

  .cesr-newsletter {
    padding: 64px 20px;
  }

  .cesr-newsletter-inner {
    max-width: 100%;
  }

  .cesr-newsletter .cesr-eyebrow {
    margin-bottom: 18px;
  }

  .cesr-newsletter h1 {
    max-width: 100%;
    margin-bottom: 24px;

    font-size: 32px;
    line-height: 1.08;

    hyphens: none;
    -webkit-hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
  }

  .cesr-newsletter .cesr-lead {
    max-width: 100%;
    margin-bottom: 36px;

    font-size: 18px;
    line-height: 1.55;
  }

  .cesr-newsletter-form {
    max-width: 100%;
  }

  .cesr-newsletter-field {
    margin-bottom: 20px;
  }

  .cesr-newsletter-field label {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .cesr-newsletter-field input {
    min-height: 50px;
    padding: 11px 13px;
    font-size: 16px;
  }

  .cesr-newsletter-consent {
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 11px;

    margin-top: 28px;
    margin-bottom: 28px;
  }

  .cesr-newsletter-consent label {
    font-size: 14px;
    line-height: 1.55;
  }

  .cesr-newsletter-form .cesr-btn {
    width: 100%;
    min-height: 48px;
    justify-content: center;
    text-align: center;
  }

  .cesr-newsletter-note {
    margin-top: 16px;
    font-size: 12px;
    line-height: 1.55;
  }
}

/* =========================================
   CESR – Newsletter Mobile Feinschliff
   ========================================= */

@media (max-width: 575px) {

  .cesr-newsletter .cesr-lead {
    margin-bottom: 40px;
  }

  .cesr-newsletter-consent {
    gap: 12px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .cesr-newsletter-consent label {
    font-size: 13px;
    line-height: 1.55;
  }

  .cesr-newsletter-form .cesr-btn {
    margin-top: 2px;
  }

  .cesr-newsletter-note {
    display: block;
    margin-top: 18px;
    padding-bottom: 4px;
  }
}

/* CESR – breiteres Schwerpunkte-Dropdown */
@media (min-width: 992px) {
  .sp-megamenu-parent .sp-dropdown {
    width: 340px !important;
  }

  .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 24px 26px;
  }

  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    white-space: normal;
    line-height: 1.3;
  }
}

/* CESR – mobile spacing Startseite */
@media (max-width: 767px) {
  .cesr-why {
    padding-bottom: 56px !important;
  }

  .cesr-focus {
    padding-top: 56px !important;
  }
}