/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* heading size */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; letter-spacing: -0.5px; font-weight: inherit; }

h1, .h1 {font-size: calc(1.325rem + 0.9vw); line-height:3.4rem;}
h2, .h2 {font-size: calc(1.3rem + 0.6vw); line-height:3rem;}
h3, .h3 {font-size: calc(1.275rem + 0.3vw); line-height:2.5rem;}
h4, .h4 {font-size: 1.25rem; line-height:2rem;}
h5, .h5 {font-size: 1rem; line-height:1.5rem;}
h6, .h6 {font-size: 0.85rem; line-height:1.5rem;}

@media (min-width: 992px) {
      h1 { font-size:2.85rem; }
      h2 { font-size:2.30rem; }
      h3 { font-size:1.80rem; }
      h4 { font-size:1.30rem; }
      h5 { font-size:1rem; }
      h6 { font-size:1rem; }
    }

/* ==============================================================
   Logo Styling (Ein einzelnes Logo, fixiert und immer sichtbar)
   ============================================================== */
.navbar-brand {
    display: inline-flex !important;
    align-items: center;
    padding: 0;
}

.navbar-brand img,
.navbar-brand .navbar-logo {
    display: block !important;
    height: 76px !important;
    max-height: 76px !important;
    width: auto !important;
    max-width: 205px !important;
    object-fit: contain;
    margin: 15px 0;
}

@media (max-width: 991px) {
    .navbar-brand img,
    .navbar-brand .navbar-logo {
        height: 40px !important;
        max-height: 40px !important;
        max-width: 140px !important;
    }
}

.navbar .navbar-nav .nav-link {
    font-size: 16px;
}


.frame-background-primary a{
    color: #FFFFFF;
}

.carousel-header, .carousel-subheader { text-shadow: 3px 3px 10px rgb(0 0 0 / 100%);}


.padding-4-rem-all {
    padding: 4rem !important;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    border: 0;
    background-color: inherit;
}

.navbar-brand-image img {
    height: inherit;
}

#page-footer section {
    padding: inherit;
}

#page-footer img {
    max-width: 200px;
}



.button {
    border: 2px solid #232323;
    background: transparent;
    color: #232323;
    font-size: 12px;
    padding: 10px 26px;
    margin-top: 15px;
    display: inline-block;
    text-transform: uppercase;
    width: auto;
    font-weight: 500;
    text-decoration: none;
}
.button:hover, .button:focus { background: #232323; color: #ffffff; border: 2px solid transparent;}

ul {
    margin: 0;
    padding: 0;
    list-style-position: outside;

}

.list-style-02 li {
}

.list-style-02 li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: #0069B4;
    font-weight: 900;
    margin-right: 10px;
}



@media (min-width: 576px) {

  }
  
  @media (min-width: 768px) {

  }
  
  @media (min-width: 992px) {
    .navbar-mainnavigation .navbar-brand-image img {
        max-height: 95%;
    }
  }
  
  @media (min-width: 1200px) {

  }
  
  @media (min-width: 1400px) {

  }