/*OVERRIDES */

/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v19-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v19-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



body {
    font-family: 'Source Sans 3', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #3F3A37;
  background-color: #F4F1EC;
  margin: 0;
}

:root {
--logograu: #A8A5A3;
--cliniqorot: #812828;
--sand: #F2EFEF;
--hellsand: #f8f7f7;
--h2: #6E6A67;
}


h1, h2, h3, h4, h5, h6 {
  font-family: 'Source Sans 3', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 0;
}

h2, h3 {
  color: #6E6A67;
}


h1 {
  font-size: 1.8rem;
  margin-bottom: 0.8em;
  margin-top: 2rem;
}

.hero h1 { margin-top: 0; }

h2 {
  font-size: 1.6rem;
  margin-top: 3rem;
  margin-bottom: 0.6em;
}

h3 {
  font-size: 1.3rem;
  margin-top: 2.2rem;
  margin-bottom: 0.5em;
}
h4 {
  font-size: 1.25rem;
}

h5, h6 {
  font-size: 1.1rem;
  font-weight: 600;
}

.hero-subline {
  font-size: 1.1rem;
  font-weight: 400;
  color: #6B625A;
  max-width: 520px;
  margin: auto;
  font-weight: bold;
}

strong {
  font-weight: 600;
}


p + p {
  margin-top: 0.4em;
}

ul, ol {
  margin-bottom: 1.4em;
}

li {
  margin-bottom: 0.4em;
}

ul {
  list-style-type: disc;
}



/* Links */
a {
  color: #5F6F5F; /* Oliv */
  text-decoration: none;
  font-weight: 600;
}

a:hover,
a:focus {
  color: #4E5D4E;
  text-decoration: underline;
}

#container, #header {
  width: 100%;
  margin: 0 auto;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.03);
}


#header {
 padding: 1rem 0;
 text-align: center;
}

.header-image { background-color: var(--sand); }
.header-image img { max-width: 1600px; margin: auto; }

#logo { text-align: center; }

#logo img {
 width: 150px;
 height: auto; 
}

.mod_article {
max-width: 700px; 
margin: auto; 
padding: 4rem 0 5rem 0; 
}
.mod_article.hero { padding: 0; }
.mod_article.breit { width: 100%; max-width: 100%; }
.mod_article.breit [class^="content-"] { max-width: 700px; margin: auto; }
.mod_article.breiter { max-width: 1100px; }
.mod_article.galerie { 
width: 100%; 
max-width: 100%;
background: var(--sand);
background-image: url(../../images/bg_galerie.jpg);
padding: 0;
}

.insights-intro {
max-width: 600px;
margin: 0 auto 4rem;
}


.contrastbg { background: var(--sand); }



 .hero-grid {
  display: grid;
}

 .hero-grid > * {
  grid-area: 1 / 1;
}


.hero-grid .content-image img {
  width: 100%;
  height: auto;
  display: block;
}

.hero-grid .hero-text {
  z-index: 2;
  align-self: flex-end;     
  justify-self: center;  
  text-align: center;
  max-width: 700px;
  padding: 2rem;
  background: rgba(242, 239, 239, 0.8);
  margin-bottom: 2rem;
}




.galerie {
  position: relative;
}

/* weicher Abschluss nach oben */
.galerie::before {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0.35),
    rgba(0, 0, 0, 0.1)
  );
}

.galerie .content-gallery {
  overflow: hidden;
}

.galerie .content-gallery ul {
  display: flex;
  margin: 0 auto;
  padding: 0.25rem;
  list-style: none;
  justify-content: center;
  gap: 0.25rem;
  max-width: 1100px;
}

.galerie .content-gallery li {
  flex: 0 0 25%;
  max-width: 25%;
margin: 0;
}

.galerie figure {
  margin: 0;
}

.galerie img {
  width: 100%;
  height: auto;
  display: block;
  filter: saturate(0.6) contrast(0.95);
  transition: filter 0.35s ease;
  border-radius: 4px;
}

.galerie img:hover {
  filter: saturate(1) contrast(1);
}

/* Mobil: 3 Bilder */
@media (max-width: 640px) {
  .galerie .content-gallery li {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}



#footer {
background: #484846;
background-image: url(../../images/footer.jpg);
padding: 5rem 0;
}

.footer-logo { 
text-align: center;
margin-bottom: 1rem;
}

.footer-logo img {
max-width: 100px; }