/*
Theme Name: GynImZentrum
Description: Ocean for Gyn
Author: Dein Name
Author URI: 
Template: oceanwp
Version: 1.0
Tags: GynimZentrum
*/
/*Füge deinen Code unter dieser Zeile ein. Nutze ggf. !important, um Styles aus dem Haupttheme zu überschreiben.*/

:root{
  --peach: #e6ddd4;
  --green: #859172;
  --grey: rgba(30,12,0,0.58);
  --grey2: #7a7a7a;
  --red: red;
}
/*Scrollbars*/
* {
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-kerning:auto;
  font-kerning:auto;
  scrollbar-width:thin;
  scrollbar-color: var(--green) var(--peach);
 }
 body::-webkit-scrollbar {
  width:8px;
 }
 body::-webkit-scrollbar-track {
  background: var(--peach);
 }
 body::-webkit-scrollbar-thumb {
  background-color: var(--green);
  border-radius:20px;
 }

 /*Active-Link*/
  a:focus {
  outline: 0 !important;
   }

 /*Office_Link_IconBox*/
 .offlink:link {
  color: var(--green);
  text-decoration:none;
  }
 
  .offlink:hover{
  color: var(--grey2);
  }
/*Office-Link_Kontakt
  .offlink2:link {
  color: var(--grey2);
  text-decoration:none;
  }
 
  .offlink2:hover{
  color: var(--green);
  }*/

/*Office-Link_Impressum_Datenschutz*/
  .offlink3{
    color: var(--peach)
  }
  .offlink3:hover{
    color: var(--grey2);
  }

/*Elementor-Scroll-Offset*/  
body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
  position: relative;
  z-index: -1;
}
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
  content: "";
  display: block;
  height: 240px !important;
  margin: -240px 0 0 !important;
  visibility: hidden;
  pointer-events: none;
}

/*Top-Bar*/
#top-bar
{
 position: fixed !important;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 180px;
 padding: 0px;
 margin: 0px;
 background-color: #859172;
}

#top-bar #topbar-template .e-con-inner img{
 height: 180px !important;
 margin-top: 7px !important;
}

#top-bar #topbar-template .e-con-inner {
 height: 180px !important;
 }

/*Header*/
#site-header
{
 position: fixed !important;
 top: 180px;
 left: 0px;
 width: 100%;
 height: 0px;
 padding: 0px;
 margin: 0px;
}

/*Lighbox-Counter-weg*/
.mfp-counter{
  visibility: hidden;
}

/*Terminbutton-Float*/
.termin-btn {
  position: fixed;
  top: 20rem;
  border: none;
  border-radius: 50px;
  background-color: var(--green);
  z-index: 10000;
  box-shadow: 0 0 00px 0 var(--peach);
  padding: 2rem 2rem;
  margin: 2rem ;
  right: 9rem;
  opacity: .7;
  width: 100px;
  height: 100px;
}		
.termin-btn:hover{
  cursor: pointer;
  transform: scale(1.2,1.2);
  -moz-transform: scale(1.2,1.2);
  opacity: 1;
  transition: transform 0.7s;
  -moz-transform: scale(1.2,1.2);
  -moz-transition: transform 0.7s;
}

.termin-btn{
  animation: drehung ease infinite;
  }

/*MOBILE*/

  @media only screen and (max-width: 959px) {
    
    body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
      position: relative;
      z-index: -1;
    }
    
    body:not(.elementor-editor-active) .elementor-menu-anchor:before {
      content: "";
      display: block;
      height: 120px !important;
      margin: -120px 0 0 !important;
      visibility: hidden;
      pointer-events: none;
    }
    
    #site-header {
       top: 120px;
       padding-top: 10px;
       height: 50px;
       background-color: white !important;
     }
     
     #top-bar {
      position: fixed !important; 
      height: 120px; 
		}
    
    #top-bar #topbar-template .e-con-inner img{
      height: 140px !important;
      margin-top: -8px !important;
    }
    
    #top-bar #topbar-template .e-con-inner {
      height: 120px !important;
    }
   
    .termin-btn{
      visibility: hidden;
    }
    .mobhide{
      visibility: hidden;
    }
	.mfp-arrow{
	transform: scale(0.5);	  
	}

}


/* work-sans-300 - latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/work-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/work-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/work-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/work-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/work-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/work-sans-v18-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  
  /* work-sans-regular - latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/work-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/work-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/work-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/work-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/work-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/work-sans-v18-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  
  /* work-sans-500 - latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/work-sans-v18-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/work-sans-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/work-sans-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/work-sans-v18-latin-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/work-sans-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/work-sans-v18-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  
  /* work-sans-600 - latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/work-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/work-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/work-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/work-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/work-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/work-sans-v18-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  
  /* work-sans-700 - latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/work-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/work-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/work-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/work-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/work-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/work-sans-v18-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
  
  /* work-sans-800 - latin */
  @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/work-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/work-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/work-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/work-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
         url('../fonts/work-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/work-sans-v18-latin-800.svg#WorkSans') format('svg'); /* Legacy iOS */
  }
