/**
Theme Name: GRUNDMANN
Author: Unimess GmbH
Author URI: https://www.unimess.de
Description: Individuelles Theme für Kunde: GRUNDMANN
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: GRUNDMANN
Template: astra
*/

/*
*
* ==========================================
* #Generell
* ==========================================
*
*/
:root{
  --p-paginator-background:#fff !important;
  --produkt-color: var(--ast-global-color-0) !important;
  --p-dataview-paginator-bottom-border-width: 0px !important;



}
body{
    font-family: 'Supreme-Variable', sans-serif;
    font-size: 16px;
}
p {
  font-size: 16px;
}
 h2, h3, h4, h5 {
    font-family: 'Supreme-Variable', sans-serif;
    text-wrap: balance;
}
h1 {
   font-family: 'Tangerine', 'Brush Script MT', 'Segoe Script', 'Lucida Handwriting', cursive;
   font-size: clamp(42px, 6.8vw, 80px);
    font-weight: 700;
}
h2 {
  font-size: 3.052rem;
}
h3 {
  font-size: 2.441rem;
  font-weight: 600;
}
h4 {
  font-size: 1.953rem;
}
h5 {
  font-size: 1.563rem;
}
h6 {
  font-size: 1.25rem;
}

[class*="um-kopfgrafik"]:has(video) h1{
  font-size: clamp(45px, 6.8vw, 80px)!important;
  color: #fff!important;
}
[class*="um-kopfgrafik"] .titel-gradient > div {
  padding-bottom: 80px!important;
}
[class*="um-kopfgrafik"]:has(video) #um-start-title-container h1 {
   font-size: 25px!important;
  font-family: 'Supreme-Variable', sans-serif!important;
}
/*
*
* ==========================================
* #Acredo Shopseite
* ==========================================
*
*/
body:has(#um-show-images) {
   background-color: #fff!important;
}

.um-shopliste,
.um-shopliste .p-paginator.p-component {
  background-color: unset!important;
}
/*
*
* ==========================================
* #Menu
* ==========================================
*
*/
body .ast-desktop-header ul.sub-menu li.menu-item:hover a{
  background-color: var(--ast-global-color-3)!important;
}
/*
*
* ==========================================
* # Startseite
* ==========================================
*
*/
#um-start-title-container {
   max-width: var(--container-max-width);
}
#um-start-title-container > .e-con-inner {
     width: fit-content;
     margin: 0;
}
#startseite-video::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, rgb(0% 0% 0% / 0.4) 0%, rgb(0% 0% 0% / 0.3961570560806461) 6.25%, rgb(0% 0% 0% / 0.38477590650225735) 12.5%, rgb(0% 0% 0% / 0.36629392246050907) 18.75%, rgb(0% 0% 0% / 0.3414213562373095) 25%, rgb(0% 0% 0% / 0.3111140466039205) 31.25%, rgb(0% 0% 0% / 0.276536686473018) 37.5%, rgb(0% 0% 0% / 0.23901806440322568) 43.75%, rgb(0% 0% 0% / 0.20000000000000004) 50%, rgb(0% 0% 0% / 0.16098193559677437) 56.25%, rgb(0% 0% 0% / 0.12346331352698209) 62.5%, rgb(0% 0% 0% / 0.08888595339607963) 68.75%, rgb(0% 0% 0% / 0.05857864376269051) 75%, rgb(0% 0% 0% / 0.03370607753949095) 81.25%, rgb(0% 0% 0% / 0.015224093497742675) 87.5%, rgb(0% 0% 0% / 0.003842943919353914) 93.75%, rgb(0% 0% 0% / 0) 100% );
  z-index: 1;
}
#startseite h1 {
  /* font-size: clamp(45px, 7vw, 80px)!important; */
  font-size: 25px!important;
  font-family: 'Supreme-Variable', sans-serif!important;
}

#startseite-video-desktop,
#startseite-video-mobil {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;

}
#startseite-video-desktop video.elementor-video,
#startseite-video-mobil video.elementor-video {
  width: 100%!important;
  height: 600px!important;
}
.um-kopfgrafik-sektion {
    max-height: 600px!important;
    position: relative;
    overflow: hidden;
}
.um-kopfgrafik-sektion .elementor-shape{
  z-index: 3;
}
.um-kopfgrafik-sektion-video {
    min-height: 500px!important;
    height: calc(100vh - 90px)!important;
    position: relative;
    overflow: hidden;
}
.um-kopfgrafik-video  {
    height: inherit!important;
    min-height: inherit!important;
    max-height: inherit!important;
}
.um-kopfgrafik-video video.elementor-video {
    height: inherit!important;
    min-height: inherit!important;
    max-height: inherit!important;
    overflow: hidden;
    object-fit: cover!important;
    object-position: 50% 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.um-kopfgrafik-sektion-video .elementor-widget-video,
.um-kopfgrafik-sektion-video .elementor-wrapper {
  height: inherit!important;
}
.um-kopfgrafik-video .elementor-wrapper {
  aspect-ratio: unset!important;
}
.kopfsektion-bild {
  width: 100%!important;
  height: 100%!important;
  position: relative;
  z-index: -1;
}
.kopfsektion-bild img{
  width: 100%!important;
  height: 600px!important;
  object-fit: cover!important;
  object-position: center;
}

/*
*
* ==========================================
* #Unterseiten
* ==========================================
*
*/

.seo-kopfesektion,
.seo-kopfesektion img,
.seo-kopfesektion .elementor-widget-SeoImage,
.seo-kopfesektion .elementor-widget-SeoImage > * {
    height: 600px!important;
}
.seo-kopfesektion img {
  position: absolute;
  top: 0;
  left: 0;
  bottom:0;
  right:0;
  width: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}
.um-shopdetail h1.um-detail-title {
  font-family: 'Supreme-Variable', sans-serif!important;
  font-weight: 500!important;
  color: var(--ast-global-color-5)!important;
}
.um-uber-uns-CTA a:not(a.elementor-button){
  color: #fff;
  text-decoration: underline !important;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px !important;
  transition: all .2s ease-out;
}
.um-uber-uns-CTA a:not(a.elementor-button):hover{
  text-underline-offset: 7px;
  color: var(--ast-global-color-5);
}

.um-produkte-einleser,
.um-uber-uns-CTA,
.um-text-bild,
.um-shortcodes-ringe,
.um-cta-sektion-startseite {
  padding: 50px 0px!important;
}
.um-text-bild{
  padding: 100px 0px!important;
}
.um-produktkategorien {
  padding: 80px 0px!important;
  background-color: var(--ast-global-color-6)!important;
}
.ratio.ratio-1x1 img{
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
}
.ratio.ratio-3x2 img{
  aspect-ratio: 3/2;
  object-fit: cover;
  object-position: center;
}
.um-start-cta {
  position: relative;
}
.um-start-cta:hover {
    transform: scale(.97);
    transition: all .3s ease;
}


.um-start-cta h2{
  padding: 20px 15px 8px 15px;
}
.um-text-bild > .e-con-inner{
  gap: 100px !important;
}
.titel-gradient > .elementor-widget-container {
  background-image: linear-gradient(0deg, rgb(0% 0% 0% / 0.78) 0%, rgb(0% 0% 0% / 0.7725062593572599) 6.25%, rgb(0% 0% 0% / 0.7503130176794018) 12.5%, rgb(0% 0% 0% / 0.7142731487979926) 18.75%, rgb(0% 0% 0% / 0.6657716446627535) 25%, rgb(0% 0% 0% / 0.6066723908776449) 31.25%, rgb(0% 0% 0% / 0.539246538622385) 37.5%, rgb(0% 0% 0% / 0.46608522558629006) 43.75%, rgb(0% 0% 0% / 0.39000000000000007) 50%, rgb(0% 0% 0% / 0.31391477441371) 56.25%, rgb(0% 0% 0% / 0.2407534613776151) 62.5%, rgb(0% 0% 0% / 0.17332760912235523) 68.75%, rgb(0% 0% 0% / 0.11422835533724651) 75%, rgb(0% 0% 0% / 0.06572685120200727) 81.25%, rgb(0% 0% 0% / 0.029686982320598188) 87.5%, rgb(0% 0% 0% / 0.00749374064274011) 93.75%, rgb(0% 0% 0% / 0) 100% )!important;
  padding-top: 120px!important;
}
.titel-gradient {
  bottom: -2px!important;
}
.startseite-video-mobil video {
    object-fit: contain!important;
    background-color: #fff !important;
}
/*
*
* ==========================================
* #Footer
* ==========================================
*
*/
.p-dataview-paginator-bottom{
  margin-top: 50px;
}
footer.site-footer {
 position: relative;
 box-shadow: 0px -4px 30px -5px #00000025;
}
/* footer.site-footer::before {
  content: ' ';
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('/wp-content/uploads/2025/11/muster04.svg');
  background-size: 300px;
  background-repeat: repeat;
  opacity: 25%;
} */
/*
*
* ==========================================
* Responsive
* ==========================================
*
*/

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

/* #1440px */
@media screen and (max-width:1440px) {
  .um-produkte-einleser,
  .um-produktkategorien,
  .um-uber-uns-CTA,
  .um-text-bild,
  .um-shortcodes-ringe,
  .um-cta-sektion-startseite {
      padding: 50px 20px!important;
}

}

/* #1024px */
@media(max-width:1024px) {
  #startseite-video::before {
  background: linear-gradient(180deg, 
  rgb(0% 0% 0% / 0.3) 0%, 
  rgb(0% 0% 0% / 0.29711779206048455) 6.25%, 
  rgb(0% 0% 0% / 0.288581929876693) 12.5%, 
  rgb(0% 0% 0% / 0.2747204418453818) 18.75%, 
  rgb(0% 0% 0% / 0.2560660171779821) 25%, 
  rgb(0% 0% 0% / 0.23333553495294038) 31.25%, 
  rgb(0% 0% 0% / 0.2074025148547635) 37.5%, 
  rgb(0% 0% 0% / 0.17926354830241926) 43.75%, 
  rgb(0% 0% 0% / 0.15) 50%, 
  rgb(0% 0% 0% / 0.12073645169758078) 56.25%, 
  rgb(0% 0% 0% / 0.09259748514523657) 62.5%, 
  rgb(0% 0% 0% / 0.06666446504705972) 68.75%, 
  rgb(0% 0% 0% / 0.04393398282201788) 75%, 
  rgb(0% 0% 0% / 0.02527955815461821) 81.25%, 
  rgb(0% 0% 0% / 0.011418070123307006) 87.5%, 
  rgb(0% 0% 0% / 0.0028822079395154355) 93.75%, 
  rgb(0% 0% 0% / 0) 100% );
  }
  #um-start-title-container > .e-con-inner {
     width: fit-content;
     margin: 0 auto;
  }
  .um-kopfgrafik-sektion-video {
    height: calc(100vh - 85px)!important;
  }
  .um-kopfgrafik-sektion {
     max-height: 400px!important;
     height: 400px!important;
  }
   .kopfsektion-bild img{
    height: 400px!important;
  }
  .um-text-bild > .e-con-inner{
    gap: 50px !important;
  }

}

/* #768px */
@media(max-width:768px) {
  .ast-mobile-popup-content .ast-icon svg {
    margin: 0!important;
  }
  h1 {
    font-size: 34px;
  }
    h2 {
    font-size: 26px;
  }
  .site-footer-primary-section-1 {
    order: 2;
  }
  .site-footer-primary-section-2 {
    order: 1;
    margin-bottom: 40px!important;
  }
  .site-footer-primary-section-3 {
    order: 3;
  }
.um-start-muster h2 {
    font-size: 18px!important;
    hyphens: auto;
}
  .um-kopfgrafik-sektion {
    max-height: 330px!important;
    height: 330px!important;
  }
    .kopfsektion-bild img{
    height: 330px!important;
  }

  .um-text-bild > .e-con-inner{
    gap: 25px !important;
  }
  .um-kopfgrafik-sektion-video {
    height: calc(100vh - 70px)!important;
    min-height: 320px!important;
}
.um-produkte-einleser > div > div.elementor-element.e-con-boxed {
  padding: 0px 20px!important;
}
.seo-kopfesektion,
.seo-kopfesektion img,
.seo-kopfesektion .elementor-widget-SeoImage,
.seo-kopfesektion .elementor-widget-SeoImage > * {
    height: 400px!important;
}
}

/* #640px */
@media(max-width:640px) {
   .um-kopfgrafik-sektion-video {
    height: calc(100vh - 70px)!important;
  }


}