/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Magistral Book by ParaType
 * URL: https://www.myfonts.com/collections/paratype-foundry

 * © 2025 MyFonts Inc. */



@font-face {
  font-family: "Magistral-Book";
  src: url('webFonts/MagistralBook/font.woff2') format('woff2'), url('webFonts/MagistralBook/font.woff') format('woff');
}


.page-hero {
  position: relative;
  overflow: hidden;
}


.site-header {
  position: absolute;
  width: 100%;
}

.ParallaxVideo {
  width: 100%;
  height: auto;
  min-height: 200px;
  max-height: 700px;
  position: relative;
}

.ParallaxVideo video {
  min-width: 100%;
  height: 50vw;
  top: 0;
}
.ParallaxVideo h1 {
  color: #fff;
  font-size: 76px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.main-navigation.is_stuck,
.main-navigation.is_stuck ul ul {
  background-color: var(--accent);
}
.main-navigation.navigation-stick .main-nav ul li a,
.main-navigation.navigation-stick a:not([aria-label*='Close']) {
  color: #fff !important;
}
.main-navigation ul ul {
  width: auto;
  white-space: nowrap;
  box-shadow: none;
}
h3 a {
  color: var(--base-3);
}
h3 a:hover {
  color: var(--global-color-8);
}
.table-no-border table,
.table-no-border tbody,
.table-no-border tr,
.table-no-border td {
  border: none;
  padding: 0;
}

.wp-block-cb-carousel .slick-slide {
  padding-left: 0;
  padding-right: 0;
}
#mobile-header .gb-text.gbp-button--primary{
  font-size:10pt;
}
.parallax {
  overflow-y: hidden;
}
html {
  scroll-behavior: smooth;
}

.zahn-grau {
  position: relative;
  z-index: 1;
  min-height:250px;
}
.zahn-grau h2{
  text-transform:uppercase;
}
.zahn-grau::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('icons/JankeWendt-nurZahn-Geschnitten-Grau.svg');
  background-size: contain;
  background-position: center;
  background-repeat:no-repeat;
  opacity: 0.3; /* Nur das Background Image */
  z-index: -1;
}



.video-wrapper {
  position: relative;
  width: 100%;
  max-height: 800px;
  overflow: hidden;
  min-height:300px;
}

.video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(20px) brightness(0.6);
  z-index: 0;
  min-height:300px;
}

.video-foreground {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height:300px;
}

.video-main video{
  min-height:300px;
  object-fit: cover;
}
.video-main {
  width: 100%;
  max-width: 1650px;
  height: auto;
  object-fit: contain;
  min-height:300px;
}
.uppercase{
}

@media (min-width:1024px){
  #site-navigation:hover,  .sub-menu{
    background-color:rgba(0,0,0,0.1)
  }
  .page-id-39740 #site-navigation:hover,.page-id-39740  .sub-menu{
    background-color:rgba(0,0,0,0)
  }
}
@media (max-width:400px){
  #terminbutton span{
    font-size:90%
  }
}
@media (max-width:767px){

  #aligner{
    backg
  }
  html, body {
    overflow-x: hidden;
  }
  nav .mobileHidden{
    display:none
  }
  .zahn-grau h2{
    font-size:clamp(1.25rem, 1.389vw + 1.083rem, 1.6rem);
  }

  .zahn-grau{
    min-height:200px;
  }
  .video-main video{
    min-height:70vh;
  }

  .slideout-navigation.do-overlay  .inside-navigation.grid-container.grid-parent{
    max-width:100%;
    padding-left:0;
    padding-right:0;
  }
  .main-navigation{
    padding-right:10px;
    padding-left:10px;
  }
}

.leistungsTitel{
  font-weight:bold;
}
#Behandlungsspektrum a:hover{

  text-decoration:none
}
.leistungsText{
  text-align:left;
}
.white, .white a{
  color:#fff
}
.blackText, .blackText a, .blackText a:hover,{
  text-decoration:none;
  color:#000;
}
h3 a:hover,a:hover{
  text-decoration:underline;
  color:#fff
}
.carouselSpacing .slick-slide{
  margin-right:12px;
  margin-left:12px;
}
.carouselSpacing .slick-track{
  display:inline-flex;
}
.carouselSpacing .slick-list.draggable{
  display:flex;
  margin-left:12px;
}
.carouselSpacing.carouselBehandlung .wp-block-cb-slide{
  padding-top:90px;

}

#post-47704 .inside-article,
#post-47937 .inside-article{
  background-color:var(--global-color-9);
}

#post-47715 .inside-article,
#post-44541 .inside-article,
#post-47647 .inside-article,
#post-47651 .inside-article,
#post-47652 .inside-article,
#post-47653 .inside-article,
#post-47757 .inside-article,
#post-47662 .inside-article,
#post-47649 .inside-article
{
  background-color:var(--base-2);
}

#team a:hover{
  text-decoration:none;
}
.magistral{
  text-transform: uppercase;
  font-family: var(--gp-font--magistral-books);
}

.no-border,
.no-border td,
.no-border tr{
  border:none;
}
.footer-table td{
  vertical-align:top;
  padding:0 0 9px;
}
.footer-table a{
  color:var(--base-3);

}
.footerText p{
  margin-bottom:9px;
}
footer{
  //z-index:-1;
}
footer .gb-shape--divider{
  top:-1px;
}
.behandlungsIcon{
  border:2px solid #fff;
}

#contactLayer {
  opacity: 0;
  //display: none;
  transition: opacity 0.5s ease-in-out; /* Animation für die Opazität */
}

#contactLayer.visible {
  opacity: 1;
  //display: block;
}

.personTitel{
  font-size:1.25rem
}
.personTaetigkeiten{
  font-size:1.0rem
}
.carouselSpacing .slick-list.draggable{
  margin-left:0
}
.behandlerTop p:last-of-type{
  margin-bottom:0rem;
}
.behandlerTop{
  padding-bottom:2rem!important;
}
.behandlerBottom{
  padding-top:2rem!important;
}

.sub-menu li{
  font-family:"Magistral-Book"
}