@font-face {
  font-family: 'Roboto';
  font-style: normal;
  src: url(../fonts/Roboto-Regular.ttf);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  src: url(../fonts/Oswald-VariableFont_wght.ttf);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;

}

/* Basics */

h1, h2, h3, h4 {
  font-family: 'Oswald', Roboto, Arial;
}

h2 {
  color: black;
  text-transform: uppercase;
}

h3 {
  color: #ffc107;
  text-transform: uppercase;
  font-size: 3rem;
}

p {
  font-size: 1.3rem;
  color: #666;
}

a{
  cursor: pointer;
}

/* Navbar */

nav ul {
  font-size: 1.2rem;
}

.navbar {
  background: white;
}

.navbar-light .navbar-nav .nav-link:hover{
  color: #ffc107;
}

/* Change scrollspy color */
.navbar-nav a.nav-link.active {
  color: #ffc107!important;
}

.navbar-light .navbar-toggler {
  border: 0;
}

/* Header */

header {
  background: blue;
  position: absolute;
  top: 20px;
  left: 300px;

}




/* Claim Start*/

 #claim {
   margin-top: 200px;
   
 }


/* Icons */

.icons {
  color: #ffc107;
  font-size: 1rem;
}


/* Utility Classes */

.tester {
  background: pink;
}

.no-pad-no-marg {
  padding: 0;
  margin: 0;
}

#claim h1 {
  font-size: 3.6rem;
  color: black;
  font-family: 'Oswald', Roboto, Arial;
  margin-top: 100px;
}


.flexer {
  display: flex;
  justify-content: center;
  align-items: center;
}



.yellow {
  color: #ffc107;
}

.yellow:hover {
  color: #999;
}

.yellow-bg {
  background: #ffc107;
}

.pic-margin {
  position: relative;
  top: -120px;
}

.spacer-top {
  margin-top: 150px;
}

.small-txt {
    font-size: 0.9rem
}


/* Borders */

.underscore{
  border-bottom: #ffc107 3px solid;
  
}

/* Button Classes */

.btn {
  font-family: 'oswald', 'Roboto', 'Arial';
  font-size: 1.3rem;
  text-transform: uppercase;
  background: #ccc;
  color: white;
  border-radius: none;
  margin-top: 3rem;
  margin-right: 2rem;
  padding: 10px 30px;
  border-radius: 0;
}


.btn:hover {
  background-color: #ffc107;
  color: white;
}

.btn-y {
  background:  #ffc107;
}

.btn-y:hover {
  background:  grey;
}


.ybutt a{
  display: block;
  background: #ffc107;
}

.btn-primary {
  border: 0;
}

/* Fördermittel */

#foerdermittel {
  background: #f3f8fc;
  }

  .stopper {
    background: white;
    margin-bottom: 100px;
    border: #ffc107 10px solid;
  }

  .stopper-txt {
    padding: 34px;
  }

  .stopper-txt p {
    font-size: 1.7rem;
    text-align: center;
  }


/* About */

#about  {
  
  background: #f3f8fc;
}

#about ul {
  padding: 0;
  list-style: square;
  line-height: 2.1;
}

#fm  {
  
  background: #f3f8fc;
}

.amt {
  font-size: 1rem;
  font-weight: 600  ;
}

/* Numbers */

#numbers {
  width: 70%;
  margin: auto;
  margin-top: 150px;
}

#numbers h2 {
  font-size: 3rem;
  color: #999
}

#numbers h3 {
  font-size: 1.6rem;
}

.numbers-lg {
  font-size: 2.4rem;
  color: #999;
}

#numbers p {
  font-size: 0.9rem
}

.border-middle {
  border-top: 0;
  border-left: 1px}

  /* Strategie */

  #strategie {
    margin-top: 150px;
  }



 #strategie h2 {
   color: #999;
 }

 .fragen {
   color: white;
 }

 
  .strategie-flex {
    display: flex;
    flex-direction: column;
    padding: 50px 100px;    
  }
  
  .strategie-img {
      background: #ffc107;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
     
  }

  .strategie-img h3 {
    color: white;
  }

  .gridder {
    display: grid;
    grid-template-columns: 1fr 1fr ;
    width:100%;
  }

  /* Fördermittel */

  #foerdermittel {
 
    margin: 150px auto;
  }

  #foerdermittel ul {
    margin-top: 100px;
    text-align: center;
    list-style: none;
    font-size: 2rem;
    text-transform: uppercase;
  }

  #foerdermittel i {
    color: #999;
  }

  #foerdermittel p {
   text-transform: none;
  }

  .img-shadow {
    box-shadow: 2px 5px 7px 1px #ccc;
  }

  .phone-num {
    display: inline-block;
    background: #ccc;
    color: white;
    padding: 0.5rem;
  }

  .phone-num-y {
    display: inline-block;
    background: #ffc107;
    color: white;
    padding: 0.2rem 0.6rem;
    margin-top: -3rem;
    margin-bottom: 2rem;
  }

  .foerdersatz {
    font-family: 'oswald', 'Roboto', 'Arial';
    display: inline-block;
    color: white;
    background: #ffc107;
    padding: 10px;
    margin-top: 1rem;
    font-size: 2rem;
  }


  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

  /* Kontakt */

  #kontakt {
   background: #cccccc1f;
    }

  .kontakt-cont {
    margin: auto;
    width: 70%;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #kontakt p {
    font-size: 1.1rem;
  }

  /* Footer */

  #footer {
    height: 130px;
    margin: auto;
    width: 70%;
  }

  .footer-cont {
    margin-top: 70px;
  }

  #footer a {
    color: #ffc107;
  }

  /* Datenschutz */

  #datenschutz {
    margin-top: 200px;
  }

.grecaptcha-badge {
opacity:0 !important;
}





/* Media Queries */

@media (min-width: 992px) and (max-width:1200px){
  .nav-item{
    font-size: 16px;
  }

  .strategie-flex{
    padding:100px 50px;
  }
}

@media (min-width:300px)  and (max-width:1050px) {
  .stopper {
    margin-top: 100px;
    padding-bottom: 10px;
  }

  .stopper-txt p{
    font-size: 1.2rem;
  }

  #claim h1 {
    margin-top: 0px;
  }

  h3 {
    font-size: 2rem;
  }
  #numbers h2 {
    font-size: 2rem;
  }

  #numbers {
   margin-top: 0; 
  }

  #kern {
    display: none;
  }

  .flexer  {
    margin-top: 3rem;
  }
}



@media (min-width:300px) and (max-width:992px){

  #claim{
    margin: 30px;
  }
  .gridder{
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .sm-mt1{
    margin-top: 2rem;
  }
  img{
    width: 100%;
  }
  .pic-margin {
    position: relative;
    top: 0px;
  }
  .sm-ml-0{
    margin-left: 0!important;
  }
  .sm-mt-5{
    margin-top: 3rem !important;
  }
  .strategie-flex{
    padding: 50px 25px;
  }
  #foerdermittel {
    width: 100%;
    margin:0;
  }
  #strategie{
    margin-top:40px;
  }
  ul{
    padding-left:0;
  }
  .sm-p-0{
    padding:0px!important;
  }
  .col-sm-12, .col-md-12, .col-lg-6 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .col-lg-4, .col-lg-8{
    padding: 0;
  }
  .navbar{
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
  }
  #numbers{
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (min-width:768px) and (max-width:992px){
  .strategie-flex{
    padding: 100px;
  }

  .col-sm-12, .col-md-12, .col-lg-6 {
    padding-left: 100px;
    padding-right: 100px;
  }
}