h1,h2,h3,h4{
  font-family: 'Open Sans', sans-serif;
}
.angebotTrainings{
  color: var(--second) !important;
  background-color: #fff;
  border-radius: .25rem;
  margin-right: 25px;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Open Sans', sans-serif;
  margin-top: 15.25px;
}
#topTrainings{
  background-image: url(/static/img/trainings/teamtrainings.jpg);
  height: 300px;
  background-size: cover;
}

#topTrainings2{
  background-image: url(/static/img/trainings/teamtrainings/erlebnispaedagogik-teamtrainings.jpg);
  height: 300px;
  background-size: cover;
}
#topTrainings3{
  background-image: url(/static/img/trainings/mediation/mediation.jpg);
  height: 300px;
  background-size: cover;
}
@media (min-width:767px){
  #topTrainings{
    height: calc(100vh - 65px);
  }
  #topTrainings2{
    height: 700px;
  }
  #topTrainings3{
    height: 700px;
  }
}
#topTextTrainings .topTextTrainingsUp{
    margin-top: -200px;
    margin-bottom: 200px;
}
#topTextTrainings h1{
  color: #fff;
  margin-left: 300px;

  background-color: rgb(240 129 19 / 80%);
  display: inline-block;
  padding: 12px 21px;
  font-size: 1.5rem;
}
@media (min-width:493px){
  #topTextTrainings h1{
    font-size:2.5rem ;
  }
}
@media (max-width:944px){
  #topTextTrainings h1{
      margin: auto;
  }
  #topTextTrainings .topTextTrainingsUp{
    text-align: center;
  }
  #topTrainings{
    background-position: center;
  }
}

#uberMichTrainings{
  padding-bottom: 4rem;
  color: var(--mainBlau);
}
.trainingsUberMichPb{
  width: 200px;
  border-radius: 100px;
  border:2px solid var(--primary);
  margin-bottom: 20px;
}
.ueberMichTrainingsBild{
  border-radius: 21px 21px 21px 63px;
  border:2px solid var(--primary-4);
}

#zitatTrainings{
  text-align: center;
  padding-bottom: 4rem;
}
#zitatTrainings img{
  width: 200px;
  border-radius: 100px;
  border:2px solid var(--primary);
  margin-bottom: 20px;
}
#zitatTrainings p{
  font-size: 1.5rem;
  color: var(--mainBlau);
}

#zitatTrainings span{
  font-size: 1.5rem;
  color: var(--mainBlau);
}
.zitatTrainings2 p{
  font-size: 1.2rem !important;
}
@media (min-width:768px){
  #zitatTrainings p{
    font-size: 3rem;
  }
  .zitatTrainings2 p{
    font-size: 2rem !important;
  }
}
#dreiBoxenTrainings{
  padding-bottom: 3rem;
}
#dreiBoxenTrainings .container{
  width: 1190px;
  max-width: 100%;
}
#dreiBoxenTrainings .boxTraingsDrei{
  background-color: var(--second-4);
  border-radius: 21px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.boxenImg1Trainings{
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
}
.boxenImg2Trainings{
  width: 50px;
  margin-left: 30px;
  margin-top: -25px;
}
#dreiBoxenTrainings h3{
  margin-left: 12px;
  margin-top: 12px;
  color: var(--mainBlau);
}
#dreiBoxenTrainings p{
  margin-left: 12px;
  margin-right: 12px;
  color: var(--mainBlau);
  font-weight: lighter;
  margin-bottom: 28px;
}
#dreiBoxenTrainings a{
  margin-left: 12px;
  font-weight: bold;
  border: 3px solid;
  padding: 7px 12px;
  text-decoration: none;
  border-radius: 7px;
}



#breitesBildTrainings{
  height: 300px;
  background-size: cover;
  background-position: center;

  position: relative;
}
@media (min-width:767px){
  #breitesBildTrainings{
    height: 600px;
    background-attachment: fixed;
  }
}
.breitesBildTrainings1{
  background-image: url(/static/img/trainings/beziehungen-verwandeln.jpg);
}
.breitesBildTrainings2{
  background-image: url(/static/img/trainings/natur-abenteuer.jpg);
}
.breitesBildTrainings3{
  background-image: url(/static/img/trainings/teamtrainings/abenteuer.jpg);
}
.breitesBildTrainings4{
  background-image: url(/static/img/trainings/teamtrainings/teamgeist.jpg);
}
.breitesBildTrainings5{
  background-image: url(/static/img/trainings/mediation/schlucht.jpg);
}
.breitesBildTrainings6{
  background-image: url(/static/img/trainings/mediation/friedensarbeit.jpg);
}
.breitesBildTrainings7{
  background-image: url(/static/img/trainings/ueber-mich/ueber-mich.jpg);
}
.breitesBildTrainingsBox{
    margin-top: -150px;
    margin-bottom: 150px;
    position: relative;
}
@media (min-width:767px){
  .breitesBildTrainingsBox{
    margin-top: -200px;
    margin-bottom: 200px;
}
}
.breitesBildTrainingsBox h1{
  color: #fff;
  margin-left: 300px;

  background-color: rgb(240 129 19 / 80%);
  display: inline-block;
  padding: 12px 21px;
  font-size: 1.5rem;
}
@media (min-width:493px){
  .breitesBildTrainingsBox h1{
    font-size:2.5rem ;
  }
}
@media (max-width:944px){
  .breitesBildTrainingsBox h1{
      margin: auto;
  }
  .breitesBildTrainingsBox{
    text-align: center;
  }
  #breitesBildTrainings{
    background-position: center;
  }
}

#trainingsEssenzen h2{
  text-align: center;
  color: var(--mainBlau);
  font-size: 1.5rem;
}

#trainingsEssenzen h4{
  text-align: center;
  color: var(--mainBlau);
  font-size: 1.2rem;
  margin-bottom: 50px;
}
.trainingsEssenzen2 h4{
  font-size: 1.2rem !important;
  line-height: 1.5;
}
#trainingsEssenzen h3{
  color: var(--mainBlau);
  font-size: 1.2rem;
}
@media (min-width:767px){
  #trainingsEssenzen h2{
    font-size: 2.5rem;
  }
  #trainingsEssenzen h4{
    font-size: 1.5rem;
  }
  #trainingsEssenzen h3{
    font-size: 1.5rem;
  }
}
#trainingsEssenzen p{
  color: var(--mainBlau);
  font-weight: lighter;
  font-size: 1.2rem;
}
#trainingsEssenzen .row{
  margin-bottom: 60px;
}


#ausbilungWerte{
  padding-top: 50px;
	margin-bottom: 20px;
}
#ausbilungWerte h2{
	/* font-family: 'Dancing Script', cursive; */
	font-size: 1.5rem;
	color: var(--mainBlau);
	text-align: center;
	margin-bottom: 40px;
}

#ausbilungWerte .ausbilungWerteBox img{
	border-radius: 100%;
	/* border:2px solid var(--second); */
  transition: transform 0.4s ease-in-out 0s;
}

#ausbilungWerte .ausbilungWerteBox p{
	color: var(--mainBlau);
	font-size: 1rem;
	margin-top: 12px;
  font-weight: lighter;
	/* font-family: 'Dancing Script', cursive; */
}
#ausbilungWerte a:hover img{
    /* border: 2px solid var(--primary); */
		transform: scale(1.05);
}

#ausbilungWerte .row{
	margin-bottom: 30px;
}
@media only screen and (min-width: 768px){
	#ausbilungWerte .ausbilungWerteBox p{
		font-size: 1.3rem;
	}
	#ausbilungWerte{
		margin-bottom: 100px;
	}
	#ausbilungWerte h2{
		font-size: 2.5rem;
	}
}
#vorFreude{
  margin-bottom: 70px;
}
#vorFreude p{
color: var(--tara-rot);
font-family: Merienda, cursive;
}
#vorFreude .vorFreude1{
font-size: 1.5rem;
}
@media only screen and (min-width: 768px){
.ausbildungFuenfIdeale h3{
  margin-bottom: 0;
}
#vorFreude .vorFreude1{
  font-size: 2rem;
}
#vorFreude{
    margin-bottom: 130px;
}
}

#teamtrainingsIntro {
  text-align: center;
  padding-bottom: 4rem;
}
#teamtrainingsIntro h2{
  text-align: center;
  color: var(--mainBlau);
  font-size: 1.5rem;
}
#teamtrainingsIntro h3{
  text-align: center;
  color: var(--mainBlau);
  font-size: 1.2rem;
  margin-bottom: 50px;
}

#trainingsMethoden h2{
  color: var(--mainBlau);
  font-size: 1.2rem;
  margin-bottom: 50px;
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
}
@media (min-width:768px){
  #teamtrainingsIntro h2{
    font-size: 2.5rem;
  }
  #teamtrainingsIntro h3{
    font-size: 1.5rem;
  }
  #trainingsMethoden h2{
    font-size: 1.8rem;
  }
}
#trainingsMethoden img{
  height: 300px;
  width: 100%;
  object-fit: cover;
}
#trainingsMethoden p{
  text-align: center;
  color: var(--mainBlau);
  margin-top: 12px;
  font-weight: bold;
}
.trainingsMethoden1{
  transform: rotate(-2deg);
}
.trainingsMethoden2{
  transform: rotate(2deg);
}
.trainingsMethoden3{
  transform: rotate(-1deg);
}
.trainingsMethoden4{
  transform: rotate(2deg);
}
#trainingsMethoden h3{
  text-align: right;
  color: var(--mainBlau);
  font-size: 1.5rem;
  margin-bottom: 50px;
  margin-top: 20px;
}


#designKontaktBox{
	padding: 3rem 0 8rem;
	margin-left: 15px;
	margin-right: 15px;
}
@media only all and (min-width:768px){
	#designKontaktBox{
		margin-left: 0;
		margin-right: 0;
	}
  #trainingsMethoden h3{
    margin-right: 200px;
  }
}
#designKontaktBox > .container{
	background-color: var(--second-6);
	padding-top: 3rem;
	padding-bottom: 3rem;
	border-radius: 7px;
}
#designKontaktBox .designKontaktBox1 svg{
	font-size: 35px;
    color: var(--primary);
}
#designKontaktBox .designKontaktBox1 p{
	font-family: Roboto;
	color: var(--mainBlau);
	margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
}
@media only all and (min-width:768px){
	#designKontaktBox .designKontaktBox1 p{
		font-size: 25px;
	}
}
@media only all and (min-width:992px){
	#designKontaktBox .designKontaktBox1 p{
		font-size: 35px;
	}
}
#designKontaktBox .designKontaktBox1 span{
	font-family: Roboto;
	font-size: 18px;
	color: var(--mainBlau);
}
#designKontaktBox .designKontaktBox2 img{
	width: 150px;
	max-width: 100%;
	display: block;
	margin: auto;
	border-radius: 150px;
	border: 1px solid var(--primary);
	margin-bottom: 10px;
}
#designKontaktBox .designKontaktBox2 span{
	font-family:'Roboto Mono', monospace;
	color: var(--mainBlau);
}
#designKontaktBox .designKontaktBox2 p{
	font-family: Roboto;
	color: var(--mainBlau);
	font-size: 1.5rem;
	margin-bottom: 0;
}
.designKontaktBox2 h1{
  color: var(--primary);
}