/**
Theme Name: DENTIMED
Author: Unimess GmbH
Author URI: https://www.unimess.de
Description: Individuelles Theme für Kunde: DENTIMED
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: DENTIMED
Template: astra
*/



/* hind-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: 'Hind';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/hind-v16-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/hind-v16-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  /* hind-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: 'Hind';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/hind-v16-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/hind-v16-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }


/*
*
* ==========================================
* #Generell
* ==========================================
*
*/
:root{
    --primary-brown: var(--ast-global-color-0);
    --primary-green: var(--ast-global-color-2);

    --secondary-brown: var(--ast-global-color-1);

}
body{
    font-family: 'Overpass','Hind', 'Roboto', sans-serif;
    margin: 0px;
    padding: 0px;
    font-weight: 300;
}
h1, h2, h3, h4{
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

button, .elementor-button{
    border: 2px solid var(--primary-green) !important;
    border-radius: 50px !important;
    color: var(--primary-green) !important;
}
button:hover, .elementor-button:hover{
    color: var(--primary-brown) !important;
}

@keyframes pulse {
    0%   {transform: scale(1);}
    22%  {transform: scale(0.98);}
    62%  {transform: scale(1.02);}
    100% {transform: scale(1);}
  }
.um-pulse{
    animation: pulse 8s infinite ease-in-out;
}
.scale-on-hover{
    transform: scale(1);
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.scale-on-hover:hover{
    transform: scale(1.04);
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
/*
*
* ==========================================
* #Menu
* ==========================================
*
*/

/* #primary-site-navigation{
    border-radius: 50px;
    background-color: var(--primary-brown);
    color: var(--secondary-brown);
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 3px 3px 20px -5px #00000049;
} */

/* .main-header-bar.ast-sticky-active{
    box-shadow: none;
} */

.ast-primary-header a.ast-builder-social-element{
    border: solid 2px var(--primary-green);
    padding: 9px 13px 7px 9px !important;
}

.main-header-menu .astra-megamenu.sub-menu{
    background: radial-gradient(#ffffff, #ffffff00 90%);
    padding: 0px !important;
}
.main-header-menu .astra-megamenu.sub-menu .ast-mm-template-content{
    padding-right: 0px;
    padding-left: 0px;
}


.um-mega-menu-link{
    hyphens: auto;
}
.um-mega-menu-link p:after{
    content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
    border-top: 2px solid var(--primary-green);
    border-right: 2px solid var(--primary-green);
    transform: translateX(10px) rotate(45deg);
    transition: all 0.3s ease-in-out;
}
.um-mega-menu-link:hover p:after{
    transform: translateX(15px) rotate(45deg);
    transition: all 0.3s ease-in-out;
}
 
/*
*
* ==========================================
* #Kopfslider /Slider
* ==========================================
*
*/

/*
*
* ==========================================
* #Unterseiten
* ==========================================
*
*/
.um-backdrop > div{
    backdrop-filter: blur(10px);
}

.um-leistungen h5{
    hyphens: auto;
}
/*
*
* ==========================================
* #Footer
* ==========================================
*
*/


/*
*
* ==========================================
* Responsive
* ==========================================
*
*/

/* #2000px */
@media(min-width:2000px) {
}

/* #1440px */
@media(max-width:1440px) {

}

/* #1024px */
@media(max-width:1024px) {


}

/* #768px */
@media(max-width:768px) {


}

/* #640px */
@media(max-width:640px) {


}