/* vollkorn-400 - latin */
@font-face {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/vollkorn-regular-webfont.eot');
    src: url('../fonts/vollkorn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vollkorn-regular-webfont.woff2') format('woff2'),
         url('../fonts/vollkorn-regular-webfont.woff') format('woff'),
         url('../fonts/vollkorn-regular-webfont.ttf') format('truetype'),
         url('../fonts/vollkorn-regular-webfont.svg#vollkorn') format('svg');
}

/* hind-regular - latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/hind-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Hind Regular'), local('Hind-Regular'),
       url('../fonts/hind-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hind-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hind-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hind-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hind-v8-latin-regular.svg#Hind') format('svg'); /* Legacy iOS */
}

/* hind-500 - latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/hind-v8-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Hind Medium'), local('Hind-Medium'),
       url('../fonts/hind-v8-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hind-v8-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hind-v8-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hind-v8-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hind-v8-latin-500.svg#Hind') format('svg'); /* Legacy iOS */
}

/* hind-600 - latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/hind-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Hind SemiBold'), local('Hind-SemiBold'),
       url('../fonts/hind-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hind-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hind-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hind-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hind-v8-latin-600.svg#Hind') format('svg'); /* Legacy iOS */
}

    
body {
  font-family: 'Vollkorn';
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
    color: #585858;
 	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.body-large {
  font-size: 1.125rem;
}

/*
body {
  font-family: 'Hind';
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
    color: #585858;
 	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*/
img, video {
	height: auto;
	max-width: 100%;
}

.lead {
    font-weight: 400;
    font-size: 1.125rem;
    text-align: center;
    color: #212121;
    /* margin-bottom: 2rem; */
}

.display {
    font-family: 'Hind';
    font-weight: 500;
    font-size: 1.25rem;
    text-align: center;
    color: #212121;
    /* margin-bottom: 2rem; */
  }

.more {
  font-family: 'Hind';
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.more::before {
   content: url(../images/more-arrow.svg);
   padding-right: 8px;
}

.h1, h1 {
  font-family: 'Hind';
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

.h2, h2 {
  font-family: 'Hind';  
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 3rem;
  color: #004d6c;
}

.h3, h3, .lookslike-h3 {
  font-family: 'Hind';    
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 1rem;
  color: #daa241;
}

.anspruch {
  font-family: 'Hind';      
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 1rem;
  color: #daa241;
}

.h4, h4 {
  font-family: 'Hind';        
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
  /* margin-top: 2rem !important; */   
  margin-bottom: 0.5rem !important;
  color: #212121;
}

.h5, h5 {
  font-family: 'Hind';            
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3;
  /* margin-top: 2rem !important; */    
  margin-bottom: 0.5rem !important;
  color: #212121;
}

.h6, h6 {
  font-family: 'Hind';              
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #212121;
}

.btn-outline-secondary {   
  padding: 0.75rem 1.5rem 0.625rem 1.5rem;
  font-family: 'Hind';                  
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1rem;
  line-height: 1.0;
  border-color: #daa241;
  border-width: 2px;
  border-radius: 0px !important;
  color: #daa241;
  margin-top: 1rem;
}

.btn-outline-secondary:hover {   
    border-color: #daa241;
    background-color: #daa241;
    color: #fff;
}

.btn-outline-light {   
  padding: 0.75rem 1.5rem 0.625rem 1.5rem;
  font-family: 'Hind';                      
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1rem;
  line-height: 1.0;
  border-color: #fff;
  border-width: 2px;
  border-radius: 0px !important;
  color: #fff !important;
  margin-top: 1rem;
}

.btn-outline-light:hover {   
    border-color: #fff;
    background-color: #fff;
    color: #585858 !important;
}

#header h1 {
  color: #fff;
  padding-top: 8rem;
  padding-bottom: 12rem;
  margin-bottom: 0;
}

#footer {
  background: #212121;
  font-family: 'Hind';
  font-size: 1rem;
  color: #999999;
  letter-spacing: 0.01em;
  padding: 5rem 0 3rem 0;
}

#footer a {
  color: #999999 !important;
}

#footer a:hover {
  color: #585858 !important;
  text-decoration: none;
}

#footer h5 {
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.1em;
}

.bg-light {
    background-color: #eeeeee !important;
}

.bg-light-peschel {
    background-color: #eeeeee !important;
}

.bg-mid {
    background-color: #585858 !important;
}

.bg-mid p, lead {
    color: #a6a6a6 !important;
}

.bg-mid h2 {
    color: #fff;
}

.bg-mid display {
    color: #fff !important;
}

.bg-mid a {
    color: #999999;
}

.bg-mid a:hover {
    color: #fff;
    text-decoration: none;
}

.bg-mid h6 {
    color: #fff;
    margin-top: 0.5rem !important;
    margin-bottom: 0.25rem !important;    
}

.bg-interest-green {
    background-color: #95d347 !important;
}

.bg-interest-green display {
    color: #fff !important;
}

.bg-plusbau-blue {
    background-color: #009EE2 !important;
}

.bg-plusbau-blue h4 {
    color: #fff !important;
}

.image_container h3 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.25rem !important;  
}

/* Navbar */
.navbar {
    padding-top: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.navbar-toggler {
    border-color: transparent;
}

.navbar-toggler {
    padding: 0;
    border: 0 none;
    margin-bottom: 0;
}

.navbar-toggler:focus{
	outline:none;
}

.navbar-toggler-icon {
    width: 38px;
    height: 38px
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("../images/hamburger-wht.svg");
}

.navbar-toggler:hover .navbar-toggler-icon {
    background-image: url("../images/hamburger-hover_peschel-holding.svg");
}

.navbar-nav > .nav-item >.nav-link {
  color: #fff;
  font-size: 1rem;
  font-family: 'Hind';                          
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 10px 15px 10px!important;
  line-height: 1;
}

.navbar-nav .nav-link:focus, .navbar-nav .active > .nav-link:focus {
  outline: none;
}

/* Nur Firefox */
@-moz-document url-prefix() {
    .navbar-nav > .nav-item >.nav-link {
        padding: 10px 15px!important;
    }
}

.navbar-nav .active > .nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .show > .nav-link {
    color: #fff;
}

.navbar-nav > .nav-item > .nav-link:hover {
  color: #fff;
}

/* Dropdown 
.dropdown-toggle::after {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: .255em;
    vertical-align: 0;
    content: "";
    border: 0 none;
    background: url("../images/drop-down.svg") no-repeat;
}

.active .dropdown-toggle::after {
    background-image: url("../images/drop-down-active.svg");
}

.dropdown-toggle:hover::after, .active .dropdown-toggle:hover::after {
    background-image: url("../images/drop-down-hover.svg");
}

.dropdown-menu {
    padding: .5rem 0;
    margin: 0;
    min-width: 14rem;
    font-size: 1rem;
    border: 0 none;
    border-radius: 0;
}

.dropdown-menu .nav-link {
  text-transform: none !important;
  padding: 0.25rem 1rem !important;
}

.dropdown-menu .nav-link:hover, .dropdown-menu .nav-link:focus {
  background: transparent !important;
}
*/

/* @media */

@media (max-width: 991px) {
    
.h1, h1 {
    font-size: 3.5rem;
  }
}
    
@media (min-width: 992px) {

  body {
    font-size: 1rem;
  }
      
  .lead {
    font-size: 1.1875rem;
  }

.display {
    font-size: 1.5rem;
  }
    
  .h1, h1 {
    font-size: 3.75rem;
  }

  .h2, h2 {
    font-size: 1.5rem;
  }

  .h3, h3, .lookslike-h3 {
    font-size: 2.5rem;
    /* margin-top: 1.5rem; */
  }
    
  .h4, h4 {
    font-size: 1.5rem;
  }
  
  .h5, h5 {
  font-size: 1.3125rem;
} 
    
.h6, h6 {
  font-size: 1.1875rem;
  font-weight: 500;
  line-height: 1.3;
  color: #212121;
}
    
  #header h1 {
    padding-top: 15rem;
    padding-bottom: 21rem;
  }

  .navbar-nav > li {
    position: relative;
  }
  
  .navbar-nav > li > a:after {
    border-top: 2px solid #DAA241;
    content: "";
    left: 50%;
    position: absolute;
    right: 50%;
    top: 30px;
    -webkit-transition: right 0.4s ease-out 0s, left 0.4s ease-out 0s;
    transition: right 0.4s ease-out 0s, left 0.4s ease-out 0s;
  }

  .navbar-nav > li:hover > a:after {
    left: 15px;
    right: 15px;
    -webkit-transition-duration: 0.1s 0.1s;
    transition-duration: 0.1s 0.1s;
  }

  .bg-half {
    background: linear-gradient(90deg, #eee 50%, white 50%);
  }
}

.section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.spacer-l {
  margin-bottom: 2rem;
}

.spacer-m {
  margin-bottom: 1.5rem;
}

.spacer-s {
  margin-bottom: 1rem;
}

.spacer-xs {
  margin-bottom: 0.25rem;
}

.spacer-0 {
  margin: 0rem !important;
}

.lead-after {
    padding-bottom: 4rem;
}

@media (min-width: 576px) {

.section {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.spacer-l {
    margin-bottom: 3.5rem;
  }

.spacer-m {
    margin-bottom: 2rem;
  }    
    
}

@media (max-width: 767px) {
  
.h1, h1 {
  font-size: 2.5rem;
    }
    
    .img-w-50 img {
    width: 50% !important;
  }
    
  .navbar-brand img {
    height: 48px;
  }
}