:root {
  --hellblau: #87c5ee; 
  --dunkelblau: #0066b1;
  --terracotta: #dd7c2b;
  }



/* source-sans-pro-200 - 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 Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-pro-v21-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-pro-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-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 Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900 - 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 Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans-pro-v21-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

body, html {
 font-family: 'Source Sans Pro' !important;
      font-size: 1.15rem;
}



h1, h2, h3, h4, h5, h6, p, a, button, ul, li, blockquote {
  font-family: 'Source Sans Pro' !important;
}

h1, h2 {
    font-weight: 200;
}

h2 {
    color: var(--dunkelblau) !important;
}

a {
    color: var(--terracotta) !important;
    text-decoration: none;
}

a:hover, a:focus {
    color: var(--dunkelblau) !important;;
    text-decoration: underline;
}

blockquote {
  margin: 0 0 50px !important;
    border-left: 5px solid var(--terracotta) !important;
}


/* Navigation */

.border-bottom, border-top {
    border-bottom: 0px solid !important;
}

.t4-navbar {
    float: right;
  z-index: 999;
}

/* Headerbereich */

.headerlogo {
  position: relative;
  cursor: pointer;
}

.headerarea {
  min-height: 85vh;
  padding: 25px 0 75px 0;
  display: flex; 
  align-items: center;
  justify-content: unset; 
}


.headertext h1, .headertext h3 {
color: #fff;
  font-weight: 900;
}

.headertext h1 {
  text-shadow: 1px 5px 10px #000
}

.headertext h3 {
    text-shadow: 1px 3px 7px #000
}

.headerbtn, .headerbtn:hover, .headerbtn:active, .headerbtn:focus {
  background: var(--hellblau);
  color: #fff;
  border: 0pt !important;
}

.contentbtn, .contentbtn:hover, .contentbtn:active, .contentbtn:focus {
  background: var(--hellblau);
  color: #fff;
  border: 0pt !important;
  display: block;
  margin: 0 auto;
}

/* Blöcke */

.zweierblock {
 float: left;
  width: 48%;
  margin: 1%;
  display: flex; 
  align-items: center;
  }

/* Anpassung Mobileansicht */

@media only screen and (min-width: 100px) and (max-width: 999px) {
  
  /* Headerbereich */
  
  
  .headerlogo img {
    display: block;
    margin: 0 auto;
    padding-top: 20px;
    width: 50%;
  }
  
  .headertext {
  width: 100%;
  }
  
  .headertext h1 {
font-size: calc(1rem + ((8vw - 0.48rem) * 1.3889));
}

.headertext h3 {
 font-size: calc(1rem + ((4vw - 0.48rem) * 1.3889));
}

.headerbtn, .contentbtn {
  font-size: calc(1rem + ((6vw - 0.48rem) * 1.3889));
  font-weight: 900;
  padding: 10px 20px;
}
  
  /* Blöcke */
  
     .blockabstand {
    margin: 70px 0;
  }
  
   .blockabstandcenter {
    display: block;
    background: #eee;
    padding: 30px;
  } 

.zweierblock {
 float: none;
  display: block;
  width: 100%;
  margin: 10px auto;
  display: flex; 
  align-items: center;
  }
  
}

/* Anpassung Tabletansicht */

@media only screen and (min-width: 1000px) and (max-width: 1440px) {
  
    /* Headerbereich */
  
  .headerlogo img {
      padding-top: 20px;
    width: 250px;
  }
  
  .headertext {
  width: 80%;
  }
  
  .headertext h1 {
font-size: calc(1rem + ((3vw - 0.48rem) * 1.3889));
}

.headertext h3 {
 font-size: calc(1rem + ((1.5vw - 0.48rem) * 1.3889));
}

.headerbtn, .contentbtn {
   font-size: calc(1rem + ((1.5vw - 0.48rem) * 1.3889));
  font-weight: 900;
  padding: 10px 20px;
}
  
  /* Blöcke */

    .blockabstand {
    margin: 85px 0;
  }
  
  .blockabstandcenter {
    display: flex;
    align-items: center;
    justify-content: unset;
    background: #eee;
    padding: 40px;
  } 
  
.zweierblock {
 float: left;
  width: 48%;
  margin: 1%;
  display: flex; 
  align-items: center;
  }
  
}

/* Anpassung Desktopansicht */

@media (min-width: 1441px) {
  
    /* Headerbereich */
  
    .headerlogo img {
      padding-top: 20px;
    width: 250px;
  }
  
  .headertext {
  width: 80%;
  }
  
  .headertext h1 {
font-size: calc(1rem + ((3vw - 0.48rem) * 1.3889));
}

.headertext h3 {
 font-size: calc(1rem + ((1.5vw - 0.48rem) * 1.3889));
}

.headerbtn, .contentbtn {
   font-size: calc(1rem + ((1.5vw - 0.48rem) * 1.3889));
  font-weight: 900;
  padding: 10px 20px;
}
  
  /* Blöcke */
  
  .blockabstand {
    margin: 100px 0;
  }
  
  .blockabstandcenter {
    display: flex;
    align-items: center;
    justify-content: unset;
    background: #eee;
    padding: 50px;
  } 

.zweierblock {
 float: left;
  width: 48%;
  margin: 1%;
  display: flex; 
  align-items: center;
  }
  
}