/*
Theme Name: zahnarztpraxis-geldersheim
Theme URI: none
Author: Bambach Webdesign - Daniel Bambach
Author URI: https://bambach-webdesign.de
Description: Handgerfertigtes Theme für die Zahnarztpraxis Geldersheim
Version: 1.0
License:
License URI:
Tags:
Text Domain: Bambach Webdesign
Copyright: Bambach Webdesign - https://bambach-webdesign.de
*/
@font-face {
            font-family: 'Raleway';
            src: url('/wp-content/themes/zahnarztpraxis-geldersheim/fonts/Raleway-Regular.ttf');
}
@font-face {
            font-family: 'OpenSansLight';
            src: url('/wp-content/themes/zahnarztpraxis-geldersheim/fonts/OpenSansCondensed-Light.ttf');
}
@font-face {
            font-family: 'OpenSansBold';
            src: url('/wp-content/themes/zahnarztpraxis-geldersheim/fonts/OpenSansCondensed-Bold.ttf');
}
@media (max-width: 375px) {
  .button-container {
    margin-top: 20px!important;
  }
}
@media (max-width: 425px) {
  .logo {
    font-size: 1.8rem!important;
  }
}
@media (max-width: 959px) {
  .kontaktbalken-desktop {
    display: none!important;
  }
  .kontaktbalken-mobil {
    display: block!important;
  }
  .scroll-top {
    width: 50px;
    height: 50px;
    bottom:10px!important;
    right: 10px!important;
  }
  .facebook-button {
    position: relative!important;
    bottom: 10px!important;
    left: 10px!important;
    border-radius: 10px!important;
    float: left!important;
    width: unset!important;
    height: unset!important;
    line-height: 47px!important;
    padding-right: 17px!important;
    padding-left: 17px!important;
    padding-top: 3px!important;
    padding-bottom: 5px!important;
  }
}
@media (max-width: 1024px) {
    .mobile-nav {display: block!important;}
    .desktop-menu-1 {display: none!important;}
    .kontaktbalken {
      display: none;
      height: auto!important;
      padding-left: 10px;
    }
    .home .kontaktbalken {
      display: block;
    }

}
@media (min-width: 960px) {
  .kontaktbalken-mobil {
    display: none!important;
  }
}
@media (min-width: 1025px) {
    .mobile-nav {display: none!important;}
    .desktop-menu-1 {display: flex!important;}

}
@media (min-width: 960px) and (max-width: 1041px) {
  .kontaktbalken-spalte .kontaktbalken-text {
    font-size: 1.0rem!important;
  }
}



/*
Basisfarbe: #97B213
Triade Blau: #286DBF
Triade Rot: #7F0D01
Komplementär Violett dunkel: #3F0066
Komplementär Violett hell: #7614B3
Komplementär Gelb: #DDFF36
*/

html, body {
  background: #fff;
  color:#000;
  font-family: Raleway;
  font-size: 12px;
}
.logged-in header {
	top:32px!important;
}
header {
  position: fixed;
  width: 100%;
  background: #97B213;
  z-index: 1000;
  top:0;
  /*border-bottom: 2px solid #fff;*/
}
.seiten-breite {
  max-width:1150px;
  width: 100%;
  margin:auto;
}
.header-link {
  color:#97B213;
}
/*
.logo {
  height: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
}
*/
.uk-navbar-container:not(.uk-navbar-transparent){
  background: none;
}
.uk-navbar-nav > li {
  /*position: relative;*/
}
.hauptmenue {

}
.hauptmenue .uk-navbar-item, .hauptmenue .uk-navbar-nav>li:first-child {
  /*border-left: 1px solid #fff;*/
}
.hauptmenue .uk-navbar-item, .hauptmenue .uk-navbar-nav>li {
  /*border-right: 1px solid #fff;*/
}
.hauptmenue .uk-navbar-item, .hauptmenue .uk-navbar-nav>li>a {
  color: #fff;
  font-family: OpenSansBold;
  /*font-weight: bold;*/
  /*text-shadow: 0 1px 0 #fff;*/
  font-size: 1.6rem;
  height: 80px;
  min-height: 80px;
  text-transform: uppercase;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
/*
.hauptmenue .uk-navbar-item, .hauptmenue .uk-navbar-nav>li:hover {

}
.hauptmenue .uk-navbar-item, .hauptmenue .uk-navbar-nav>li.uk-active {

}
.hauptmenue .uk-navbar-item, .hauptmenue .uk-navbar-nav>li.current-menu-parent {

}
.hauptmenue .uk-navbar-item, .hauptmenue .uk-navbar-nav>li:hover>a {
  color: #000;
}
.hauptmenue .uk-navbar-item, .hauptmenue .uk-navbar-nav>li.uk-active>a {
  color: #000;
}
.hauptmenue .uk-navbar-item, .hauptmenue .uk-navbar-nav>li.current-menu-parent>a {
  color: #000;
}*/
.hauptmenue .uk-navbar-nav > li > a:hover,
.hauptmenue .uk-navbar-nav > li > a:active,
.hauptmenue .uk-navbar-nav > li > a:focus,
.hauptmenue .uk-navbar-nav > li > a.uk-open,
.hauptmenue .uk-navbar-nav > li.uk > a.uk-active,
.hauptmenue .uk-navbar-nav > li:hover >a,
.hauptmenue .uk-navbar-nav > li.uk-active >a,
.hauptmenue .uk-navbar-nav > li.current-menu-parent >a {
  color: #97B213;
  background-color: #fff;
  /*-webkit-transform: perspective(0px) translateZ(0);
  transform: perspective(0px) translateZ(0);*/
}
/*
.hauptmenue .uk-navbar-nav > li > a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #fff;
    height: 100%;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}*/
/*.hauptmenue .uk-navbar-nav > li > a:hover:before,
.hauptmenue .uk-navbar-nav > li > a:focus:before,
.hauptmenue .uk-navbar-nav > li > a:active:before,
.hauptmenue .uk-navbar-nav > li.uk-active > a:before,
.hauptmenue .uk-navbar-nav > li > a.uk-open:before {
  left: 0;
  right: 0;
}*/
.mega-menu .uk-navbar-dropdown {
  content: "Hallo";
  width: 100%;
  left: 0!important;
  right: 0!important;
  height: 300px;
  background: #fff;
}
.mega-menu .uk-navbar-dropdown > ul {
  display: none;
}





.uk-navbar-dropdown {
  background: #fff;
  margin-top: -10px;
  width: 260px;
}
.uk-navbar-dropdown-nav>li>a {
  color: #97B213;
  font-size: 1.3rem;
  font-family: OpenSansBold;
  padding-left: 7px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.uk-navbar-dropdown-nav>li>a:hover {
  color: #fff;
  background: #97B213;
}
.uk-navbar-dropdown-nav>li.uk-active>a {
  color: #000;
}
.uk-navbar-dropdown-nav>li {
  border-top: 1px solid #97B213;
}
.uk-navbar-dropdown-nav>li:first-child {
  border-top: none;
}
.mobile-nav {
  text-align: right;
}
.mobile-nav>button {
  line-height: 50px;
  text-align: right;
  color: #a0a0a0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
}
.mobile-nav .uk-icon {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
}
.uk-offcanvas-bar {
  background: #97B213;
}
.uk-nav-parent-icon>.uk-parent>a::after {
  display: none;
}
.uk-offcanvas-bar li {
  border-top: 1px solid #fff;
}
.uk-offcanvas-bar li:first-child {
  border-top: none;
}
.uk-offcanvas-bar .uk-nav li>a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.kontaktbalken {
  position: relative;
  top: 80px;
  background: #FBFBFB;
  height: 80px;
  border-bottom: 2px solid #97B213;
}
.kontaktbalken-mobil {
  top:0px!important;
}
.kontaktbalken-spalte {
  cursor: pointer;
}
.kontaktbalken-spalte:hover .kontaktbalken-text {
  color:#97B213;
}
.kontaktbalken-spalte:hover .kontaktbalken-kreis {
  background: #97B213;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.kontaktbalken-spalte:hover .kontaktbalken-kreis>span {
  color:#fff;
}
.kontaktbalken-spalte .kontaktbalken-kreis {
  float: left;
  width:50px;
  height:50px;
  border-radius:25px;
  background:#fff;
  margin-top: 15px;
  margin-bottom: 15px;
  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.3);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.kontaktbalken-spalte .kontaktbalken-kreis>span {
  margin-top:15px;
  color:#97b213;
}
.kontaktbalken-spalte .kontaktbalken-text {
  float: left;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  text-align: left;
  font-family: Raleway;
  font-size: 1.2rem;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.kontaktbalken-mobil .uk-grid-margin {
  margin-top: 0px!important;
}
main {
  position: relative;
  top: 80px;
  padding: 0px;
  background: #fff;
  margin-top: 0px;
  /*border-bottom: 3px solid #333;*/
}
.logo {
  color: #fff;
  font-size: 2.4rem;
  line-height: 80px;
  text-align: left;
  padding-left: 20px;
}
.logo>.logo-fett {
  font-family: OpenSansBold;
}
.logo>.logo-fein {
  font-family: OpenSansLight;
}
.logo-container a:hover {
  text-decoration: none;
}
.logo-mobile {
  width: 70%;
  float: left;
}
.button-container {
  width: 30%;
  float: left;
  color: #fff!important;
  margin-top: 16px;
}
.button-container button {
  color: #fff!important;
}
h1.elementor-heading-title {
  font-family: OpenSansBold!important;
  text-transform: uppercase!important;
  color: #000;
  text-align: center;
}
h2.elementor-heading-title {
  font-family: OpenSansBold!important;
  font-size: 2.2rem!important;
  color: #000!important;
}
.linie-mitte .elementor-heading-title::before {
  content: "";
  position: absolute;
  left: 45%;
  right: 45%;
  bottom: -20px;
  background: #97B213;
  height: 4px;
  width: 10%;
  text-align: center;
}
.linie-links .elementor-heading-title::before {
  content: "";
  position: absolute;
  left: 0%;
  right: 90%;
  bottom: -20px;
  background: #97B213;
  height: 4px;
  width: 10%;
  text-align: center;
}
.home h2.elementor-heading-title::before {

}
h3.elementor-heading-title {
  font-family: OpenSansBold!important;
  font-size: 1.6rem!important;
  color: #97B213!important;
}
.elementor-text-editor {
  color:#333333;
}
.roter-text .elementor-text-editor {
  color:#af0917!important;
  margin-bottom: -35px;
}
.elementor-text-editor a {
  color: #af0917;
}
.elementor-text-editor a:hover {
  color: #c95862;
}
.box-startseite {
  margin-left: 44px;
  margin-right: 44px;
}

/* Elemente der Startseite */
.leistungen .eael-infobox:hover img {
  border-color: #97B213!important;
  box-shadow: 0 0 0px 10px rgba(151, 178, 19, 0.5);
}
.leistungen .eael-infobox a::before {
  content: "";
  position:absolute;
  left: 35%;
  right: 35%;
  bottom: 10px;
  background: #97B213;
  height: 2px;
  width: 0%;
  text-align: center;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.leistungen .eael-infobox:hover a::before {
  content: "";
  position:absolute;
  left: 35%;
  right: 35%;
  bottom: 10px;
  background: #97B213;
  height: 2px;
  width: 30%;
  text-align: center;
}
.leistungen .infobox-icon img {

}
.leistungen .infobox-content {
  margin-top:10px;
  font-size: 1.2rem;
}
.leistungen .infobox-content h4 {
  font-family: OpenSansBold;
  font-size: 1.6rem;
  line-height: 1.6;
}
.leistungen h4::before {
  content: "";
  position: absolute;
  left: 45%;
  right: 45%;
  top: 130px;
  background: #97B213;
  height: 3px;
  width: 10%;
  text-align: center;
}
.leistungen .infobox-content a {
  color: #97B213;
  font-weight: bold;
}


/* Besondere Elemente */
.weiss-erzwingen, .weiss-erzwingen *, .weiss-erzwingen p, .weiss-erzwingen h1, .weiss-erzwingen h2, .weiss-erzwingen h3 {
  color:#fff!important;
}
.gruen-erzwingen, .gruen-erzwingen *, .gruen-erzwingen p, .gruen-erzwingen h1, .gruen-erzwingen h2, .gruen-erzwingen h3 {
  color:#97b213!important;
}
.weiss-erzwingen .elementor-heading-title::before {
  background:#fff!important;
}
.elementor-text-editor a {
    color: #97b213;
    transition: 0.4s all linear;
    -webkit-ransition: 0.4s all linear;
}
.elementor-text-editor a:hover {
    color: #000;
    border-bottom: 1px solid #97b213;
}
.hover-scale {
  transform: scale(1);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hover-scale:hover {
  transform: scale(1.05);
}
.hover-shadow .elementor-button{
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hover-shadow .elementor-button:hover {
  box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
}
.element-visible {
  display: block;
}
.element-hidden {
  display: none;
}
.bilder-rahmen img {
  padding:10px;
  border: 2px solid #97B213!important;
}
.bild-helfer img {
  height:227px!important;
  width:auto;
}
.ueberschrift-unterseite h1 {
  color: #97B213!important;
  font-size: 3.5rem;
}
.elementor-widget-accordion .elementor-accordion .elementor-tab-title.elementor-active {
    color: #97b213!important;
}
.elementor-widget-accordion .elementor-accordion .elementor-tab-title {
    font-family: OpenSAnsBold;
    font-size: 1.4rem;
    color: #97b213!important;
}
.elementor-widget-accordion .elementor-accordion .elementor-tab-content {
    color: #000!important;
    font-family: Raleway!important;
    font-size: 1.3rem;
  }

footer {
  position: relative;
  padding: 0px;
  text-align: center;
  background: #97B213;
  height: auto;
  font-family: OpenSansBold!important;
  color: #fff;
  font-size: 1.6rem;
  margin-top: 75px;
}
.footer-link {
  color:#fff;
  transition: 0.4s all linear;
  -webkit-ransition: 0.4s all linear;
}
.footer-link:hover, .footer-link:active {
  color:#000;
  text-decoration: none;
}
.facebook-button {
  margin-top: 20px;
    width: 32px;
    height: 32px;
    background: #075c97;
    line-height: 32px;
    box-shadow: 2px 2px 2px #000000;
    color: #ffffff;
    font-size: 24px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 5px;
    border-radius: 0;
    transition: 0.4s all linear;
    -webkit-transition: 0.4s all linear;
}
.facebook-button:hover {
	box-shadow: 0px 0px 0px #000000;
  background: #fff;
}
.instagram-button {
    margin-top: 20px;
    width: 32px;
    height: 32px;
    background: #ff0060;
    line-height: 32px;
    box-shadow: 2px 2px 2px #000000;
    color: #ffffff;
    font-size: 24px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 5px;
    border-radius: 0;
    transition: 0.4s all linear;
    -webkit-transition: 0.4s all linear;
}
.instagram-button:hover {
	box-shadow: 0px 0px 0px #000000;
  background: #fff;
}
.scroll-top {
  border: 2px solid #fff;
  position: fixed;
  background-color: #97B213;
  color:#fff;
  width: 50px;
  height: 50px;
  bottom:50px;
  right: 50px;
  border-radius: 10px;
  line-height: 50px;
  text-align: center;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  z-index: 1000;
}
.scroll-top:hover {
  border: 2px solid #97B213;
  background-color: #fff;
  color:#97B213;
}

#cookie-law-info-bar {
  border-top: 3px solid #97B213;
  font-size: 1rem!important;
  color: #fff;
}

.uk-form, .uk-form input, .uk-form textarea,.uk-form button {
  font-family: "Raleway", Sans-serif;
  font-size: 16px;
}
.uk-form input, .uk-form textarea,.uk-form button {
  border: 2px solid #97B213;
}
.uk-form input[type="submit"] {
  background:#97B213;
  transition: 0.4s all linear;
  -webkit-ransition: 0.4s all linear;
}
.uk-form input[type="submit"]:hover {
  background: #fff;
}
input[type="submit"]:disabled {
  background: #ddd!important;
}
.single-headline {
  margin-top:70px;
  margin-bottom:50px;
}
.single-text {
    max-width: 1120px;
    padding: 10px;
    margin: auto;
    font-family: "Raleway", Sans-serif;
    font-size: 16px;
    color: #333;
    margin-top: 30px;
    margin-bottom: 200px;
}
.linie-mitte .single-headline::before {
  bottom: unset!important;
  top: 60px!important;
}
.single-image-container {
  text-align: center;
}
.uk-card-body .uk-link, .uk-card-body a {
  transition: 0.4s all linear;
  -webkit-ransition: 0.4s all linear;
}
.uk-card-body .uk-link:hover, .uk-card-body a:hover {
  color: #333333;
}

/* Fragemodul */

.fragemodul {
    position: fixed;
    right: 0;
    top: 30vh;
    width: 400px;
    height: 500px;
    font-family: Raleway;
    background: rgba(255, 255, 255, 1.0);
    border: 2px solid #97B213;
    z-index: 99999999;
}
.button-fragemodul {
    background: url("https://zahnarztpraxis-geldersheim.de/wp-content/themes/zahnarztpraxis-geldersheim/images/button-fragemodul.png") no-repeat;
    position: absolute;
    top: 30%;
    right: 400px;
    width: 40px;
    height: 206px;
    font-family: Raleway;
    color: #97B213;
    font-size: 50px;
    line-height: 206px;
    text-align: center;
    z-index: 99999999;
}

/* Patientenbefragung */
.page-id-937 .uk-navbar-right {display: none!important;}
.page-id-937 .kontaktbalken {display: none!important;}
.page-id-937 footer {display: none!important;}
.page-id-937 .mobile-nav .button-container {display: none!important;}

/* Dateimanager */
/*.wpfd-breadcrumbs-tree {display: none!important;}*/