/* noto-sans-300 - 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: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../webfonts/noto-sans-v42-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/noto-sans-v42-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-600 - 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: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/noto-sans-v42-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  --brand: #105866;
  --grey: #f5f5f5;
}

body {
  font-family: 'Noto Sans', Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: var(--brown);
}

a {  
  color: var(--brand);
  text-decoration: none;
}

.container {
  max-width: 800px;
}

.datenschutz {
    font-size: 12px !important;
    padding-bottom: 45px;
    padding-top: 45px;
}

.datenschutz h1, 
.datenschutz h2, 
.datenschutz h3,
.datenschutz h4 {
    font-size: 16px !important;
}

/* ── HERO SECTION ───────────────────────────────────────── */
.hero .row {
  background-color: #ffffff;
  padding-bottom: 45px;
  padding-top: 45px;
  
  .col-12 {
    
    a {
      
      img {
        max-width: 90%;
      }
    }
  }
}

/* ── CONTENT 01 ─────────────────────────────────────────── */
.content01 {
  background-color: var(--grey);
  color: var(--brand);
  padding: 30px 0 45px 0;
}

.content01 .row h1 {
  font-size: 34px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.content01 .row h2 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 45px;
}

.content01 .row .col-md-7 img {
  height: auto;
  margin-right: 15px;
  width: 30px
}

.content01 .row span.adress {
  display: inline-block;
  width: 45px;
}

.content01 .row .col-md-4 img {
  margin-top: 45px;
}


/* ── CONTENT 02 ─────────────────────────────────────── */
.content02 .row {
  background-color: var(--brand);
  color: #ffffff;
  padding-bottom: 30px;
  padding-top: 30px;
}

.content02 .row h2 {
  font-weight: 600;
}

.content02 .row h3 {
  font-weight: 300;
}

/* ── FOOTER ─────────────────────────────────────────────── */
footer {
  background-color: #ffffff;
  color: #333333;
  font-size: 12px;
  padding: 1rem;
  text-align: center;
}
footer a {
  color: var(--green);
}