/* 
Theme Name: Lebensqualität Zähne Theme
Description: ZAP Lebensqualität Zähne 
Author: Björn Lange
Author URI: https://impecto.de/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/


//Farben
/* Kontraste: */

.blau {color: #1A74C7;}
.blau2 {color: #001945;}
.orange {color:#f39200};
.gruen {color:#7B9D84};
.grau {color:#9c9d9d};
.gold {color:#C09F1E};

.blau a {color: #66B7DB !important;}
.blau {
    color: #66B7DB !important;
}

li.blau a {
    color: #66B7DB !important;
}

li.blau a:hover {
    color: #727272 !important;
}

//////////////////////////
// fonts
//////////////////////////

/* work-sans-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/work-sans-v19-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/work-sans-v19-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/work-sans-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/work-sans-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/work-sans-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/work-sans-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/work-sans-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




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

body
{
    font-family: 'Work Sans', sans-serif !important;
    overflow-x: hidden !important;
    background-repeat: repeat;
}

p
{
  font-family: 'Work Sans', sans-serif !important;
 
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Work Sans',sans-serif !important;
}

 

/*Buttons ------*/
#buttonmat a::before {
  content: "";
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 9999;
}

#buttonmat a:hover:before, #buttonmat a:hover:after {
  width: 100%;
  height: 100%;
  //border-left: 1px solid #fff;
}

#buttonmat a::after {
  content: "";
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 25px;
  height: 15px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  z-index: 9999;
}


//Oeffnungszeiten
.zeiten {
    padding: 0px 0px;
    min-height: inherit;
    margin-left: 5px;
    color:#ffffff;
    text-align: left;
	
      }
      .zeiten strong{
          color: #666666;
		  padding-left:10px;
      }
      .zeiten p{
        margin: 1.3rem 0 1rem 0 !important;
    }
  
  .zeiten ul, .zeiten ol {
        margin: 0;
       padding: 0;
        list-style: none !important;
	  width:100%;
          }       
  
  .zeiten li {
  
    border-bottom: 0.5px solid #bbaeae;
    padding: 0.35rem 0;
    letter-spacing: 0rem;
    list-style: none;
    font-style: normal;
    //font-size: 1rem !important;
   }
  
  .zeiten li:last-child {
    border: 0;
  }
  
  .zeiten li strong {
    display: inline-block;
    width: 20%;
  }  


  #liste ul {
    list-style: none; /* Standard Listensymbole entfernen */
    padding: 5px 0 5px 0;
}


#liste ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
}


#liste ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    //transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-color: #66B7DB;
    border-radius: 50%; /* Macht das Element rund */
}

#liste ul li strong {
  color: #000000;
}



 /*MEDIA QUERIES**********************************/


/*1*/   	
@media only screen and (max-width: 767px){
	
	    #headomat .elementor-icon-list-text {
        display: none !important;
    }
   
    }

   

/*----------------------------------------------------------------------------------------------------------------*/
/*-----------2-------------*/
@media (min-width: 768px) and (max-width: 979px) {

   
   
}

/*-----------4-------------*/
@media (min-width: 1280px) and (max-width: 1600px) {
  
}

/*----------------------------------------------------------------------------------------------------------------*/
/*-----------5-------------*/
@media (min-width: 1601px) {


}

/*----------------------------------------------------------------------------------------------------------------*/
/*-----------6-------------*/
@media (min-width: 2400px) {
   
    }