@font-face {
  font-family: SansSemi;
  src: url(../fonts/OpenSans-SemiBold.ttf);
}

@font-face {
  font-family: PoppinsRegular;
  src: url(../fonts/Poppins-Regular.ttf);
}

html{
  width: 100%;
  height: 100%;
}

body {
    height: 100%;
    width: 100%;
    padding-bottom: 20px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 20px;
    background-color: #f3f3f3;

  }
  

/* COOKIES */
.cookie-accept{
  width: 100%;
  height: 100%;
  z-index:999;
  background-color: rgba(0, 0, 0, 0.658);
  position: fixed;
  bottom:250px;
  display: none;
}
/* Cookies */
.cookies{
  width: 100%;
  height: 200px;
  background-color: gray;
  z-index: 999;
  position: fixed;
  bottom: 0;
  text-align: center;
  padding-top: 20px;
  box-shadow: 0px 0px 10px 1px black;
  display: none;
  color: white;
}

.btn-cookie{
  background: rgba(0, 0, 0, 0.836);
  color: white;
  font-size: 1.3rem;
  padding: 8px 8px;
  border-radius: 12px;
}

.btn-cookie:hover{
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
}

.container{
  margin-top: 20px;
  margin-bottom: 20px;
  color: #5a5a5a;

}
/* ####################################################### */
/* KURSE */
.col-lg-12{
  text-align: justify;
  padding: 25px 20px 10px 15px;
}

.col-lg-12 h3{
  margin-top: 20px;
  margin-bottom: 15px;
  text-align: center;
}
.mid-img{
  text-align: center;
}
.picture-circle{
  width: 140px;
  height: 140px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
.energie-pic{
  margin-left: -30%;
}
.btn-secondary{
  cursor: pointer;
  background: rgba(0, 0, 0, 0.836);
  color: white;
  font-size: 20px;
  padding: 14px 25px;
  -radius: 12px;
  width: 100%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 12px;
}

/*  Bild Startseite */
.bild{
  margin-top: 0;
  overflow: hidden;
  height: 37rem;
  background-image: url("../img/praxis-stirnemann.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #cccccc;
/*schrift zentrieren */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Inhalte zentrieren */
.fremdenergie{
  background-image: url("../img/fremdenergie-aloesen.jpg");
}
.anmeldung{
  background-image: url("../img/anmelden_kurs_ingrid_gesundheitspraxis.jpg");
}
.rueckfuehrung{
  background-image: url("../img/rueckfuehrungs_kurs_ingrid_gesundheitspraxis.jpg");
}
.energie-behandlung{
  background-image: url("../img/energiebehandlung-kurs-ingird-gesundheitspraxis.jpg");

}
.ueberschrift h3{
  color: white;
  font-size: 4rem;
}


.kurs_link{
  color: rgba(76, 189, 76, 0.89);
}

.kurs_link:hover{
  color: rgba(76, 189, 76, 0.89);
  text-decoration: underline;
}

.extern_link{
  color: rgba(76, 189, 76, 0.89);
}

.extern_link:hover{
  color: rgba(76, 189, 76, 0.89);
  text-decoration: underline;
}

/* MENU */
.menu-icon{
  margin-right: 5px;
}

.contact-menu{
  margin-left: 15px;
  margin-right: 15px;
  color: white;
}

.contact-menu:hover{
  text-decoration: none;
  color: rgba(76, 189, 76, 0.89);
}

.phone-disabled:hover{
  color: white;
  cursor: default;
}

/*
TABELLE
*/
.termine_kurse{
  margin-top: 40px;
  width: 100%;
}
.teilnehmer{
  color: rgba(76, 189, 76, 0.89);
  cursor: pointer;
}
.teilnehmer_voll{
  color: lightcoral;
  cursor: pointer;
}



/*
Link zum Anmelden
*/
.anmelden_link{
  cursor: pointer;
  background: rgba(0, 0, 0, 0.836);
  color: white;
  font-size: 20px;
  padding: 14px 25px;
  -radius: 12px;
  width: 100%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 12px;
}

.anmelden_link:hover{
  background: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  color: rgba(0, 0, 0, 0.836);
}

/* Footer*/
.footer_black{
  width: 100%;
  color: white;
  font-size: 20px;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}

.footer_newsletter_title{
  font-size: 28px;
  color: rgba(76, 189, 76, 0.89);
}

.footer_black i{
  font-size: 3rem;
  padding: 18px 18px;
  color: rgba(76, 189, 76, 0.89);

}

.footer_black input{
  padding: 7px 18px;
  font-size: 15px;
  width: 92%;
  margin-bottom: 16px;
}

.footer_black select{
  padding: 7px 18px;
  width: 92%;
  font-size: 15px;
  margin-bottom: 16px;
}

.background_footer_black{
  background-color: #414141;
}



.bt_news_submit{
  background-color: rgba(76, 189, 76, 0.89);
  color: white;
  padding: 7px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  -radius: 12px;
  margin-top: 15px;
  font-size: 20px;
  cursor: pointer;
  border-radius: 12px;
}

.footer_black a:hover{
  background-color: rgba(76, 189, 76, 0.99);
}

.page_ende{
  text-align: center;
}

/* Col 2 im Footer (Schwarzer Teil) */
.footer_selection_two{
  color: rgb(180, 180, 180);
  text-align: center;
}

.footer_selection_two p{
  color: rgb(180, 180, 180);
}

.left_text_footer{
  text-align: left;
}

.footer_selection_two a{
  color: rgb(180, 180, 180);
  font-size: 18px;
  text-align: left;
}

.link_list{
text-align: left;
}

.link_list{
  width: 100%;
  line-height: 200%;
  z-index: 2;
  padding-left: 15%;
  margin-bottom: 25px;
}
.kurse_footer_title{
  margin-top: 25px;
  color: rgb(180, 180, 180);
}

.adresse_footer_kurse_text{
  padding-left: 15%;
  text-align: left
}
/* Col 3 im Footer (Schwarzer Teil) */
.footer_selection_three{
  color: rgb(180, 180, 180);
  text-align: center;
}

.footer_selection_three p{
  text-align: left;
}

.logo-ingrid-gesundheitspraxis{
  margin-bottom: 15px;
  margin-left: 15%;
}

.ingrid-gesundheitspraxis-title{
  margin-top: 25px;
  color: rgb(180, 180, 180);
}


/* Detailinformationen zum Kurs */
/* Entweder zeigts den Tag an oder nicht */

.show_no{
  display: none;
}

/* ################################# */


/* MEDIA QUERYS */

@media (max-width: 1575px) {

  .contact-menu{display: none;}
  
  }

  @media (max-width: 991px) {
    .container{max-width: 100%;}
    .bild{height: 20rem;}
    .ueberschrift h3{font-size: 2.5rem;}
    .logo-ingrid-gesundheitspraxis{margin-left: 0%;}
    } 

    @media (max-width: 500px) {
      .bild{height: 12rem;}
      .ueberschrift h3{font-size: 2rem;}
      .container{font-size:16px;}
      footer{font-size:16px;}
      td{font-size:14px;padding-bottom:5px;padding-top:5px;border-bottom:solid rgb(226, 226, 226) 1px}
      h1{font-size: 28px}
      footer h3{font-size: 26px;color:red}
      .logo-ingrid-gesundheitspraxis{margin-left: 13%;}
      }