body {
  overflow-x: hidden;
  color: var(--gehner-black);
}

a {
  color: var(--gehner-black);
}

.gehner_word_break {
  hyphens: auto;
  word-break: break-word;
  overflow-wrap: break-word;
}

.dropdown-item:active,.dropdown-item:focus {
  background-color: var(--gehner-brand);
  color: var(--gehner-black);
  text-decoration: none;
  outline: none;
}

 .dropdown-item:hover {
  background-color: var(--gehner-brand-low);
  color:  var(--gehner-black);
  text-decoration: none;
  outline: none;
} 


.gehner_h1{
  color: var(--gehner-black);

  /* H1 Heading */
  font-family: Arial;
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 3.125rem */

  margin: 0;
}

.gehner_text_white {
  color: var(--gehner-white) !important;
}

.gehner_h3{
  color: var(--gehner-black);

  /* h3 - Subheading */
  font-family: Arial;
  font-size: 1.5625rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  margin: 0;
}

.gehner_text{
  color: var(--gehner-black);

  /* Basic Text */
  font-family: "Century Gothic";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  margin: 0;
}

.gehner_text_small {
  font-size: 1rem !important;
}

.gehner_italic{
  font-style: italic;
}

.gehner_btn_text{
  /* p1 - Big Text/Buttons */
  font-family: "Century Gothic";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;

  margin: 0;
}

.gehner_nav_text{
  color: var(--gehner-black);
  /* p1 - Big Text/navbar */
  font-family: "Century Gothic";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 4rem;
  /* line-height: 100%; */
  text-transform: uppercase;
  text-decoration: none;

  margin: 0;

  text-align: start;
}

.gehner_nav_text a {
  text-decoration: none;
  color: var(--gehner-black);
}

.gehner_nav_text:hover{
  cursor: pointer;
  
}

.gehner_nav_text_bold:hover{
  cursor: pointer;
}

.gehner_nav_text_bold {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
}

#gehner_nav_container {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 10000;
  
  background: var(--gehner-brand);
}

.gehner_navbar{
  padding-top: 0;
  padding-bottom: 0;
}

.gehner_navbar_icon{
  height: 5rem;
  background: transparent;
  border: none;
  width: fit-content;
  transition: none !important;
  padding: 0;

  align-self: center;

}

.gehner_navbar_icon:focus{
  box-shadow: none !important;
}



.gehner_button_prime {
  color: var(--gehner-black);

  width: fit-content;
  display: flex;
  height: 3.125rem;
  padding: 0.625rem 2.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  text-decoration: none;

  border-radius: 0.5rem;
  background-color: var(--gehner-white);
  border: 2px solid var(--gehner-brand);

  position: relative;
  z-index: 10;

  transition: 50ms;
}




.gehner_button {
  color: var(--gehner-black);

  display: flex;
  height: 3.125rem;
  padding: 0.625rem 2.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;

  border-radius: 0.5rem;
  border: none;
  background: var(--gehner-white);
  border: 2px solid var(--gehner-white);

  text-decoration: none;

}

.gehner_button_outline {
  display: flex;
  height: 3.125rem;
  padding: 0.625rem 2.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;

  border-radius: 0.5rem;
  background-color: transparent;
  border: 2px solid var(--gehner-white);

  color: var(--gehner-white) !important;
  text-decoration: none;
}

.gehner_button_brand {
  color: var(--gehner-black);

  width: fit-content;
  display: flex;
  height: 3.125rem;
  padding: 0.625rem 2.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;

  border: none;
  border-radius: 0.5rem;
  background: var(--gehner-brand);
  border: 2px solid var(--gehner-brand);

  text-decoration: none;
}

.gehner_button_brand:hover, 
.gehner_button_outline:hover, 
.gehner_button:hover, 
.gehner_button_prime:hover {
  cursor: pointer;
}

.gehner_button_brand:hover{
  background-color: var(--gehner-white);
  /*border: 2px solid var(--gehner-brand); */
}

.gehner_button_prime:hover{
  background-color: var(--gehner-brand) 
}

.gehner_button:hover {
  background-color: transparent;
  color: var(--gehner-white) !important;
}

.gehner_button_outline:hover{
  background: var(--gehner-white);
  color: var(--gehner-black) !important;
}




.gehner_online_badge {
  position: absolute;

  top: 60%;
  left: -10%;

  z-index: 100;
  width: fit-content;
  height: fit-content;
  display: inline-flex;
  padding: 2rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  
  border-radius: 3.125rem;
  background-color: var(--gehner-brand-low);
}


.gehner_background_stripe{

  background: var(--gehner-brand-low);
  padding-top: 5rem;
  padding-bottom: 9rem;

  padding-left: 20%;
  padding-right: 20%;
}

.gehner_abwun_img{
  width: 47.5%;
}

.gehner_background_stripe_10p{

  background: var(--gehner-brand-low);
  padding-top: 5rem;
  padding-bottom: 9rem;

  padding-left: 10%;
  padding-right: 10%;
  margin: 0;
}

.gehner_background_stripe_40prozent{

  background: var(--gehner-brand-low2);
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;

  padding-left: 10%;
  padding-right: 10%;
  margin: 0;

  overflow: hidden;

}

.gehner_abwun_box{
  display: flex;
  width: 100%;
  height: fit-content;
  
  padding: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;

  border-radius: 1.3125rem;
  background: var(--gehner-white);
}

.gehner_bold {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
}

.gehner_praxis_gap{
  gap: 4.5rem;
}

.gehner_methoden_gap{
  gap: 5.5rem;
}






#gehner_hero_content_container{
  height: 100%;
}

#gehner_hero_content {
  z-index: 1;
  position: relative;
  margin-bottom: 5rem;
  gap: 1.5rem;
}

#hero_video_container {
  height: calc(90vh - 5rem);
  background: url(files/hero_bild_delfin.jpg) lightgray 50% / cover repeat;
}



#gehner_hero_h1_h3 {
  gap: 0.5rem;
}

#gehner_hero_btn_al{
  gap: 0.75rem;
}

#gehner_zitat {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

#gehner_boxcontainer_lg {
  height: 42rem;
  padding: 0;
  padding-right: 0.5rem !important;
  
}

#gehner_box_btn_low{

  position: relative;
  display: block;
  top: 5rem;
}

#gehner_box_text_low{

  position: relative;
  top: 2.5rem;
}
#gehner_box_h1_low{

  position: relative;
  top: 1rem;
}

#gehner_online_column_gap {
  gap: 2.25rem;
  max-width: 50%;
}

#gehner_online_column_gap_break2 {
  gap: 2.25rem;
  max-width: 90%;
}

.gehner_online_badge_break2{
  position: absolute;

  top: -150px;
  right: 0px;

  z-index: 100;
  width: fit-content;
  height: fit-content;
  display: inline-flex;
  padding: 2rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  
  border-radius: 3.125rem;
  background-color: var(--gehner-brand-low);
}

#gehner_online_bild {
  position: relative;
  width: 100%;
  border-radius: 50px;
  min-height: 20rem;
  object-fit: cover;
}

#gehner_online_bild_container_break2{
  width: 90%;
  margin-top: 150px;
}

#gehner_online_container{
  opacity: 40%;
  margin-top: 8rem;
  margin-bottom: calc(10% + 5rem);
}

#gehner_kontakt_gap{
  margin-top: 5rem;
  gap: 2.5rem;
}

.gehner_gap_2{
  gap: 2rem;
}

#gehner_person_bild{
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  
  z-index: 1;
}

#gehner_person_bild_2{
  position: relative;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 1;
}

.gehner_bilder_version_1{
  position: relative;
  width: 100%;
  top: -10%;
}

.gehner_bilder_version_2{
  position: absolute;
  height: 100%;
  left: 50%;
}

.gehner_bilder_version_3{
  position: absolute;
  height: 100%;
  right: 50%;
}






.gehner_boxcontainer_sm_top {
  height: 19.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  
}

.gehner_boxcontainer_sm_bottom {
  height: 19.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  
}

.gehner_box {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  border-radius: 3.125rem;
  background: var(--gehner-brand-low);
}

.gehner_box_apple {
  height: calc(50% - 0.5rem);
}

.gehner_fill_brand_low {
  fill: var(--gehner-brand-low);
}


.gehner_full_width {
  width: 100%;
}

.gehner_full_height {
  position: relative;
  height: 100%;
}

.gehner_welle {
  position: absolute;
  top: 50%;
  z-index: -1;
  height: 50%;
  width: 100%;
  display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  filter: saturate(0) contrast(1.2);
}
.gehner_cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gehner_width_33 {
  width: 33% !important;
}

.gehner_width_50 {
  width: 50%;
}

.gehner_box_content {
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 3rem;
  padding-bottom: 2rem;
}

.gehner_box_content_65 {
  width: 70%;
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.gehner_big_box {
  height: 39rem;
}

.gehner_break2_box{
  height: fit-content;
}

.gehner_break3_box_lg {
  height: fit-content;
  max-height: 600px;
}

.gehner_break3_box_sm {
  height: fit-content;
}

.gehner_footer_container {
  height: fit-content;
  background-color: var(--gehner-brand);

  display: flex;
  padding: 2rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}








@font-face {
  font-family: "Century Gothic";
  src: url(files/centurygothic.ttf);
}

:root {

  --gehner-white: white;
  --gehner-white-50: rgba(255, 255, 255, 0.5);

  --gehner-black: #683e19;

  --gehner-black-test: #352516;
  --gehner-black-50: rgba(0, 0, 0, 0.5);
  
  --gehner-brand: #ffe57d;
  --gehner-brand-low2: #FFF3BE;
  --gehner-brand-low: #fffae5;
  
  --gehner-brand-blue: #6abac9;
  --gehner-brand-blue-50: rgba(92, 173, 187, 0.502);

  --gehner-brand-blue-low: #ecf8fa;
  --gehner-brand-low-50: rgba(236, 248, 250, 0.5);

  --gehner-brand-blue-low2: #a9dce6;
  --gehner-brand-low2-50: rgba(169, 220, 230, 0.5);
  



}