/* CSS Document 

 Theme Name:   Ziswiler GmbH
 Template:     yootheme
 Author:       innosolutions
 Description:  YOOtheme Child Theme
 Version:      1.0.6| 2025-03-24 / N
*/



.hide {
  display: none;
}
  
* a:hover {
  text-decoration: none !important;
}


/* Typo */

.titel-block{
/* text-align: justify !important;
hyphens: auto;
hyphenate-limit-chars: 10 3 4; */
}

.white-text{color: #fff; background: #000; padding: 3px 2px; width:fit-content}
.black-text{color: #000; background: #fff; padding: 3px 2px;width:fit-content}


.uk-overlay-primary {
  background: #1d1d1bdc;
  color:#fff;
}

.uk-overlay-default {
  background: #ffffff;
  color:#1d1d1b;
}

html body div.tm-page main#tm-main div.uk-section-default.fs-section.uk-section.uk-padding-remove-vertical div.uk-container.uk-container-expand-left div.uk-grid.tm-grid-expand.uk-grid-column-large.uk-grid-margin div.uk-grid-item-match.spalte-links.uk-first-column{
    background:#1d1d1b;
}


.uk-overlay-default  .el-title,
html body h3.el-title.uk-heading-small.uk-text-primary.uk-margin-top.uk-margin-remove-bottom,
body .uk-overlay-default .uk-section-primary:not(.uk-preserve-color) .uk-text-primary{
  color:#1d1d1b !important
}

/* Slider HOme */


/* Navigation */

html body.home div.tm-page header.tm-header-mobile.tm-header-overlay div.uk-navbar-container.uk-navbar-transparent.uk-dark,
.uk-navbar-container.uk-navbar-primary.uk-navbar-transparent.uk-dark{
  background:#1d1d1b
}


.uk-slider-container.home-slider .uk-overlay-primary{
  background: #1d1d1bc4
}


/* float logo rechts*/

header.tm-header div.uk-sticky div.uk-navbar-container.uk-navbar-primary div.uk-container.uk-container-expand.uk-padding-remove-left nav.uk-navbar div.uk-navbar-left
{
  order:2
}
header.tm-header div.uk-sticky div.uk-navbar-container.uk-navbar-primary div.uk-container.uk-container-expand.uk-padding-remove-left nav.uk-navbar div.uk-navbar-left{
  margin-left:auto;
  padding-top:8px;
}

header.tm-header div.uk-sticky div.uk-navbar-container.uk-navbar-primary div.uk-container.uk-container-expand.uk-padding-remove-left nav.uk-navbar div.uk-navbar-right{
  margin-left:2%;
}
.uk-sticky div.uk-navbar-container.uk-navbar-primary div.uk-container.uk-container-expand.uk-padding-remove-left nav.uk-navbar div.uk-navbar-left div#module-117.uk-navbar-item.logo-white{
  margin-bottom:7px
}

.tm-header-overlay div.uk-sticky div.uk-navbar-container.uk-navbar-primary.uk-navbar-transparent.uk-dark div.uk-container.uk-container-expand{
  padding-left:0px;
}
.tm-header-overlay div.uk-sticky div.uk-navbar-container.uk-navbar-primary.uk-navbar-transparent.uk-dark div.uk-container.uk-container-expand nav.uk-navbar div.uk-navbar-left ul.uk-navbar-nav{
  padding-left:40px;padding-right:40px;
}

.uk-nav-primary {
  line-height: 1.9
}

.uk-close {
  color: #999;
}
.uk-nav-primary > li > a:hover{
  color:#d3d3d3;
}

.uk-navbar-container .uk-navbar-nav > li.uk-active > a {
  background: url('../../../images/icons/ziswiler_schraffierte_fliese_schraeg.svg') no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: auto 20px;
  background-position: 50% 15%;
}
.uk-navbar-nav li.item-101.uk-active a {
  background: none;
}

div#module-menu-dialog-mobile.uk-panel ul.uk-nav li.uk-active a{
  color:#807e7e;
}


/* Logo */

/* header.tm-header div.uk-sticky div.uk-navbar-container.uk-navbar-primary div.uk-container.uk-container-expand nav.uk-navbar div.uk-navbar-left div#module-117.uk-navbar-item.logo-white{
  display:none;
} */

/* header.tm-header div.uk-sticky div.uk-navbar-container.uk-navbar-primary div.uk-container.uk-container-expand nav.uk-navbar div.uk-navbar-left div#module-116{
  top:130px; 
  float:right;
  background:#ffffffcd;
  padding:8px;
  backdrop-filter: blur(3px);
} */

/* unsticky Logo */


/* Sticky Logo (weisses Logo)*/
header.tm-header  div.uk-sticky.uk-sticky-below.uk-sticky-fixed div.uk-navbar-container.uk-navbar-primary.uk-navbar-sticky div.uk-container.uk-container-expand nav.uk-navbar div.uk-navbar-left div#module-117.uk-navbar-item.logo-white{
  display:block
}
header.tm-header div.uk-sticky.uk-sticky-below.uk-sticky-fixed div.uk-navbar-container.uk-navbar-primary.uk-navbar-sticky div.uk-container.uk-container-expand nav.uk-navbar div.uk-navbar-left div#module-116.uk-navbar-item.black-logo{
  display:none;
} 

.uk-overlay-primary {
  background: #1d1d1b
}

div.home-slider.uk-margin-remove-vertical.uk-text-center.uk-slider.uk-slider-container.uk-scrollspy-inview div.uk-margin-small-top .uk-light{
  background:#1d1d1b;
  
}
 .home-slider h1.el-title.uk-heading-large.uk-font-secondary.uk-text-primary.uk-margin-top.uk-margin-remove-bottom{
  font-size:3.2em;
}

div.home-slider.uk-margin-remove-vertical.uk-text-center.uk-slider.uk-slider-container.uk-scrollspy-inview div.uk-margin-small-top .uk-light 

.home-slider.uk-margin-remove-vertical.uk-text-center.uk-slider.uk-slider-container.uk-scrollspy-inview{background:#1d1d1b  }


/* BUTTONS */
.tm-toolbar-default .uk-button-primary, .uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary, .uk-card-secondary.uk-card-body .uk-button-primary, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary, .uk-light .btn-info, .uk-light .btn-primary, .uk-light .btn-success, .uk-light .uk-button-primary, .uk-navbar-container:not(.uk-navbar-transparent) .uk-button-primary, .uk-overlay-primary .uk-button-primary, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary {
  background-color: #1d1d1b;
  color: #fff;
  border: 1px solid #1d1d1b;
  background-image: none;
  box-shadow: 0 5px 15px rgba(0,0,0,.2);
}

.tm-toolbar-default .uk-button-primary:hover, .uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:hover, .uk-card-secondary.uk-card-body .uk-button-primary:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:hover, .uk-light .btn-info, .uk-light .btn-primary:hover, .uk-light .btn-success, .uk-light .uk-button-primary:hover, .uk-navbar-container:not(.uk-navbar-transparent) .uk-button-primary:hover, .uk-overlay-primary:hover .uk-button-primary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover {
  background-color: #fff;
  color: #1d1d1b;
  border: 1px solid #1d1d1b;
}

.gm-style div div div div div div.gm-style-iw-a div.gm-style-iw-t div.gm-style-iw.gm-style-iw-c div.gm-style-iw-d div section.el-item.uk-text-default.uk-font-default.uk-margin-remove-first-child div.uk-margin-top a.el-link.uk-button.uk-button-secondary.uk-button-small.uk-width-1-1:hover{
  color:#000;
}:hover

/* CONTENT*/

.uk-grid .uk-h3{
  text-transform:uppercase;
  font-weight:normal;
}

.uk-h1.uebertitel.uk-margin-large.uk-margin-remove-top.uk-width-large.uk-margin-auto {
  padding-top: 10px;
}


.uk-margin-medium.uk-margin-remove-bottom.uk-width-large.uk-margin-auto p a,
.kontakt-button p a{
  color:#f2f2f2c7 !important;

}
.uk-margin-medium.uk-margin-remove-bottom.uk-width-large.uk-margin-auto p a:hover,
.kontakt-button p a:hover{
  color:#fff !important;

}

/* Meta / Facebook */
div.fs-grid.grid-slider.fb a.el-item.uk-card.uk-card-primary, 
div.fs-grid.grid-slider.fb .fs-grid-item-holder div.el-item{
  box-shadow:4px 4px 20px #0000005f;
}

div.fs-grid.grid-slider.fb a.el-item.uk-card.uk-card-primary:hover{
  transform:none;
  box-shadow:5px 5px 10px #00000066;
}


.grid-slider.fb  picture img.el-image,
 .fse.fs-grid.grid-slider.fb picture img.el-image{
  height: 290px;
  min-height: 290px;
  max-height: 290px;
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  position: relative;
  top: initial;
  left: initial;
  transform: none;
}

.fs-grid.grid-slider.fb div.el-content.uk-panel.uk-margin-top{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


div.fs-grid.grid-slider.fb div.el-item .uk-card-body{
  min-height:120px !important;
}

/*Google Maps */
.gm-style-mtc {
  display: none;
}

.gm-style .gm-style-iw-tc::after {
  background:#000;
}

 div.gm-style div div div div div div.gm-style-iw-a div.gm-style-iw-t div.gm-style-iw.gm-style-iw-c{
  background:#000;
}

.gm-style div div div div div div.gm-style-iw-a div.gm-style-iw-t div.gm-style-iw.gm-style-iw-c div.gm-style-iw-d div section.el-item.uk-text-default.uk-font-default.uk-margin-remove-first-child div.el-content.uk-panel.uk-text-large.uk-margin-top,
  .gm-style section.el-item.uk-text-default div.el-content p{
    color:#fff !important;
}


body h3.el-title.uk-h4.uk-text-secondary.uk-margin-top.uk-margin-remove-bottom,
.gm-style div div div div div div.gm-style-iw-a div.gm-style-iw-t div.gm-style-iw.gm-style-iw-c div.gm-style-iw-d div section.el-item.uk-text-default.uk-font-default.uk-margin-remove-first-child div.el-content.uk-panel.uk-margin-top{
  color:#000 !important
}

/* Grid */

html body.home div.tm-page main#tm-main div.start.uk-section-default.fs-section.uk-section.uk-section-small div.uk-container.uk-container-expand div.uk-grid.tm-grid-expand.uk-grid-column-medium.uk-grid-row-collapse div.uk-grid-item-match.uk-flex-middle.uk-width-2-3\@m div.uk-panel.uk-width-1-1 div.uk-margin.uk-text-center div.uk-grid.uk-child-width-1-1.uk-child-width-1-3\@m div.uk-first-column div.el-item.uk-scrollspy-inview a.uk-inline-clip.uk-transition-toggle.uk-link-toggle iframe.uk-disabled.el-image.uk-transition-opaque.uk-responsive-width{
  min-height:250px;
}
iframe{
  width:auto;
  height:10000px;
}

.el-item.uk-scrollspy-inview a.uk-inline-clip.uk-transition-toggle.uk-link-toggle picture img.el-image.uk-transition-opaque,
.el-item.uk-scrollspy-inview a.uk-inline-clip.uk-transition-toggle.uk-link-toggle {
  min-width: 390px !important;
  min-height: 360px !important;
  height: 360px !important;
  object-fit: cover;
  
} 

.uk-overlay-primary{
  background: #1d1d1bc4;
}
.uk-overlay-default{
  background:#ffffffc9;
}

/* 
.uk-transition-toggle:hover .uk-transition-scale-up {
  opacity: 0;
} */

.uk-transition-toggle:hover .uk-transition-scale-up

/* Image equalizer */


div.start .el-item picture img {
  height: 380px;
  width: 100%;
  object-fit: cover;
  max-width: 100%;
  max-height: 350px;
}

.home .uk-card-primary.uk-card.uk-card-large.uk-card-body.uk-flex.uk-flex-bottom div.uk-panel.uk-width-1-1 div.uk-margin picture img.el-image {
  margin-left: -120px;
  max-width: unset;
}

.tm-page main#tm-main.tm-main.uk-section.uk-section-default div.uk-container div#gojsjmaptreelayout_instructions.sitemap {
  display: none;
}


/* Galerien */
/* 
.galerie-caption-below div.uk-position-bottom[class*="uk-overlay"] {
  position: relative !important;
} */

/* FOOTER */

footer .uk-subnav a.el-link,
footer h3.el-titl a,
footer .uk-link-reset a
{color:#fff !important}

footer .uk-subnav a.el-link:hover,
footer .uk-link-reset a:hover,
footer h3.el-titl a:hover{
  color:rgba(255,255,255,.6)!important
}

footer  h3.el-title.uk-text-lead.uk-font-primary.uk-margin-top.uk-margin-remove-bottom{
  font-weight:normal
}



@media screen and (max-width: 1850px) {
.el-item.uk-scrollspy-inview a.uk-inline-clip.uk-transition-toggle.uk-link-toggle picture img.el-image.uk-transition-opaque,
.el-item.uk-scrollspy-inview a.uk-inline-clip.uk-transition-toggle.uk-link-toggle {
  min-width: 350px !important;
  min-height: 350px !important;
  height: 350px !important;
  object-fit: cover;
  
} 
}

@media screen and (max-width: 1850px) {
  .el-item.uk-scrollspy-inview a.uk-inline-clip.uk-transition-toggle.uk-link-toggle picture img.el-image.uk-transition-opaque,
  .el-item.uk-scrollspy-inview a.uk-inline-clip.uk-transition-toggle.uk-link-toggle {
    min-width: 300px !important;
    min-height: 350px !important;
    height: 350px !important;
    object-fit: cover;
    
  } 
  }

@media screen and (max-width: 1580px) {
  
}

@media screen and (max-width: 1440px) {
  .el-item.uk-scrollspy-inview a.uk-inline-clip.uk-transition-toggle.uk-link-toggle picture img.el-image.uk-transition-opaque,
  .el-item.uk-scrollspy-inview a.uk-inline-clip.uk-transition-toggle.uk-link-toggle {
    min-width: 250px !important;
    min-height: 350px !important;
    height: 350px !important;
    object-fit: cover;
    
  } 
} 

@media screen and (max-width: 1314px) {

.uk-navbar-primary .uk-navbar-nav > li > a{padding:0 7px;}
}

@media screen and (max-width: 1299px) {
 
}

@media screen and (max-width: 1279px) {
 
}

@media screen and (max-width: 1232px) {

 
}

@media screen and (min-width: 1220px) and (max-width: 1419px) {
  .home .uk-card-primary.uk-card.uk-card-large.uk-card-body.uk-flex.uk-flex-bottom div.uk-panel.uk-width-1-1 div.uk-margin picture img.el-image  {
    width: 380px !important;
    margin-left: -44px !important;
    margin-top: -50px !important;
}
}

@media screen and (max-width: 1219px) {
  .el-item.uk-scrollspy-inview a.uk-inline-clip.uk-transition-toggle.uk-link-toggle picture img.el-image.uk-transition-opaque,
  .el-item.uk-scrollspy-inview a.uk-inline-clip.uk-transition-toggle.uk-link-toggle {
    max-width: 350px !important;
    min-height: 350px !important;
    height: 350px !important;
    object-fit: cover;
}

@media screen and (max-width: 1200px) {

.home .uk-card-primary.uk-card.uk-card-large.uk-card-body.uk-flex.uk-flex-bottom div.uk-panel.uk-width-1-1 div.uk-margin picture img.el-image {
margin-left: 200px !important;
margin-top:-90px !important;
}
}
}

/* Anwendung nur auf Kacheln mit Klassen grid-slider fb ab 1079px Viewport-Breite */
@media screen and (min-width: 1079px) {
  .grid-slider.fb .fs-grid-item-container,
  .grid-slider.fb .fs-grid-item-1-container,
  .grid-slider.fb .fs-grid-item-2-container,
  .grid-slider.fb .fs-grid-item-3-container {
    height: 100% !important;
    width: 33.333% !important; /* Bei 3 Kacheln pro Reihe */
  }

  .grid-slider.fb .fs-grid-item-1,
  .grid-slider.fb .fs-grid-item-2,
  .grid-slider.fb .fs-grid-item-3,
  .grid-slider.fb .uk-card {
    height: 100% !important;
    min-height: 400px; /* Setze eine Mindesthöhe */
    display: flex !important;
    flex-direction: column !important;
  }

  .grid-slider.fb .uk-card-media-top {
    height: 240px !important; /* Feste Höhe für den Bildbereich */
    overflow: hidden;
  }

  .grid-slider.fb .uk-card-media-top img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Bild füllt den Container aus und wird beschnitten wenn nötig */
  }

  .grid-slider.fb .uk-card-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }

  .grid-slider.fb .uk-slider-items > div {
    height: auto !important;
  }
}

@media screen and (max-width: 820px) {
  .home .uk-card-primary.uk-card.uk-card-large.uk-card-body.uk-flex.uk-flex-bottom div.uk-panel.uk-width-1-1 div.uk-margin picture img.el-image {
    margin-left: 70px !important;
    margin-top:-90px !important;
    }
  }

@media screen and (min-width: 639px) {
.uk-grid.tm-grid-expand.uk-grid-column-large.uk-grid-row-collapse div.uk-grid-item-match.uk-width-1-2\@s.uk-width-1-2\@m.uk-width-3-5\@l.uk-visible\@s.uk-first-column{
  padding-left:0px;
}
.spalte-links.uk-first-column div.uk-card-primary.uk-card-small.uk-card-body{
  padding-top:0px;
  padding-bottom:0px;
}

}


@media screen and (min-width: 1025px) {
 
}

@media screen and (min-width: 1025px) {
 
}

@media screen and (max-width: 959px) {
    .uk-slider-container.home-slider div.el-item .uk-overlay-primary{
    margin-top:50%;
    width:85%;
  }
}

@media screen and (max-width: 679px) {
 footer .uk-text-center.uk-scrollspy-inview a.el-link img.el-image{
      width:100px;
  }
  .home-slider h1.el-title.uk-heading-large.uk-font-secondary.uk-text-primary.uk-margin-top.uk-margin-remove-bottom{
    font-size:2.1em;
  }
 .home-slider .uk-slider-items div.el-item.uk-grid-item-match a.uk-cover-container.uk-transition-toggle.uk-display-block.uk-link-toggle div.uk-position-center-left.uk-position-large.uk-overlay-primary{
  width: 100%;
 }
}


@media screen and (max-width: 639px) {
 
}

@media screen and (max-width: 451px) {
 
 
div.fs-grid.grid-slider.fb .fs-grid-item-holder div.el-item{
  box-shadow:4px 4px 20px #0000005f;
}

.grid-slider.fb  picture img.el-image,
 .fse.fs-grid.grid-slider.fb picture img.el-image{
  height: 100%;
  min-height: unset;
  max-height: unset;
  max-width: 100%;
  width: unset;
  object-fit: unset;
  position: relative;
  top: initial;
  left: initial;
  transform: none;
}

.fs-grid.grid-slider.fb div.el-content.uk-panel.uk-margin-top{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


div.fs-grid.grid-slider.fb div.el-item .uk-card-body{
  min-height:120px !important;
}


.home .uk-card-primary.uk-card.uk-card-large.uk-card-body.uk-flex.uk-flex-bottom div.uk-panel.uk-width-1-1 div.uk-margin picture img.el-image {
  margin-left: -145px !important;
  margin-top:-90px;
}

@media (max-width: 640px) {
  [uk-height-viewport] {
      min-height: 350px !important;
      height: 350px !important;
      max-height: 350px !important;
  }

  .mobile-map h3.el-title.uk-h4.uk-text-secondary.uk-margin-top.uk-margin-remove-bottom {
    color: #fff !important
  }
}

.mobile-map div.el-content.uk-panel.uk-text-large.uk-margin-top {
  margin-top: 5px !important;
}

.mobile-map h3.el-title.uk-h4.uk-text-secondary.uk-margin-top.uk-margin-remove-bottom{
  padding-top: 5px;
}

.mobile-map .gm-style-iw.gm-style-iw-c div.gm-style-iw-chr {
display: none;
}

.mobile-map a.el-link.uk-button.uk-button-primary.uk-width-1-1 {
 box-shadow: none;
 border: 2px solid #fff;
}

}