/* CSS Document 

 Theme Name:   Eschenbach Natur
 Template:     yootheme
 Author:       innosolutions
 Description:  YOOtheme Child Theme
 Version:      1.0.4
 Datum:        18.09.2025 / N
*/


/* TYPO */

h2.el-title.uk-h2{
   hyphens:auto

}

/* BUTTONS */

 .slider-home a.el-link.uk-button.uk-button-primary{
   background-color: #556b2f;
  color: #fff;
  border:
1px solid transparent;
}
.slider-home a.el-link.uk-button.uk-button-primary:hover{
background-color: #8a9a5b;
  color: #faede0;
  border-color:
#8a9a5b;
}


/* [ARCHIV */


div.com-content-archive.archive form#adminForm.com-content-archive__form{
   margin-bottom:2%;
}

.com-content-archive__filters.filters div.filter-search.form-inline div.mb-2 input#filter-search.inputbox{
   background-color: tan;
   border: 1px solid tan;
   height:40px;
   font-size:1.5em;
   color:#fff;
   line-height:35px;
   padding:0px 12px;
}

.com-content-archive__filters.filters div.filter-search.form-inline button.btn.btn-primary{
   margin-top:20px;
}
/* ARCHIV ] */

/* [HOME */
.aktuelle-leftpanel .uk-panel{
   max-width:480px;
}

/* HOME ] */

/* [ELEMENTS */


 .ganzebreite div.tm-page .uk-section-default.uk-section div.uk-container{
   max-width:1612px;
}

.ganzebreite div.tm-page div.tm-top.uk-section-default.uk-section{
   padding-bottom:0px;
}

.ganzebreite  div.page-header h1{
   font-size: 4rem;
     }
   
.ganzebreite div.tm-page main#tm-main.tm-main.uk-section.uk-section-default{
   padding:0px;
}

/* HEADER */

.header-section .uk-background-blend-color.uk-section.fs-section-divider-mountains-1 {
   background-size: cover;
}

/* [ PHOCA */

.phoca .pg-categories-items-box div.pg-category-box div.pg-category-box-info div.pg-category-box-title a{
   text-align:center;
}

.phoca div.pg-categories-items-box div.pg-category-box div.pg-category-box-image a img{
   width:150px
}

#ph-si-category path{display: none;}

.phoca div#pg-msnr-container.pg-photoswipe.pg-msnr-container.pg-masonry div.pg-item-box{
   text-align:center
}

.phoca .pg-category-box-title svg.ph-si.ph-si-category,
.phoca div.uk-container svg.ph-sr-only,
.pg-item-box-info {
   display:none;
 }

 .pg-category-box-info {
   text-align: center;
 }
 
 .pg-category-box-title {
   display: inline-block;
   text-align: center;
 }
 
 .pg-category-box-title svg {
   display: block;
   margin: 0 auto 5px auto;
 }
 
 .pg-category-box-title a {
   display: block;
   margin: 0 auto;
   text-align: center;
 }
 
 .pg-category-box-count {
   display: block;
   margin-top: 2px;
   text-align: center;
 }

.phoca .pg-item-box-image img{
   height: 350px;
   min-height: 350px;
   max-height: 350px;
   max-width: 100%;
   width: 100%;
   object-fit: cover;
   position: relative;
   top: initial;
   left: initial;
   transform: none;

}

.phoca div.pagination.pagination-centered{
   font-size:0.8em;
   line-height:1.2;
}
.phoca form div.pagination.pagination-centered select#imgordering.form-select{
   max-width:350px;
   margin:5px 30px;
}
.phoca form div.pagination.pagination-centered select#limit.form-select{
   width:75px;
   margin:5px 30px;
}

.phoca .pagination.pagination-centered {
   display: flex;
   align-items: center;
   gap: 10px;
   flex-wrap: wrap; /* optional für bessere Responsivität */
 }
 
 .phoca .pagination.pagination-centered select,
 .phoca .pagination.pagination-centered {
   line-height: 1.4;
   height: auto;
 }

/* PHOCA ] */

/* [Forms */

#ff-compose.container {
   padding-left: 0 !important;
}

.ff-form {
   margin: 0 !important;
}

.ff-editwidget.material-icons {
   display: none !important;
}



   .ff-button-bar button#ff-next-766561522.btn.btn-lg.btn-primary.ff-next,
   .ff-button-bar button#ff-submit-98891386.btn.btn-lg.btn-primary.ff-submit,
   .ff-button-bar button#ff-submit-root.btn.btn-lg.btn-primary.ff-submit,
   .ff-button-bar button#ff-next-root.btn.btn-lg.btn-primary.ff-next {
   padding-block: unset;
   padding-left: 40px;
   padding-right: 35px;
 }

 .ff-button-bar button#ff-back-766561522.btn.btn-lg.btn-secondary.ff-back,
 .ff-button-bar button#ff-back-98891386.btn.btn-lg.btn-secondary.ff-back{
   padding-block: unset;
   padding-left: 30px;
   padding-right: 40px;
 }


   .uk-scrollspy-inview div#ff-compose.container form#Publish1FAIpQLSfzu43mCoB7G18uw4sFSfdwmHBUqQtHZIEufnxzBMLTMgWe1g.ff-form.ff-layout-2column.ff-public-mode.ff-text-left div#ff-sec-root.ff-section div.ff-button-bar button#ff-submit-root.btn.btn-lg.btn-primary.ff-submit {
       background-color: #556b2f;
 }
 .tm-page .ff-button-bar button#ff-submit-root.btn.btn-lg.btn-primary.ff-submit {
   background-color: tan;
 }

   .uk-scrollspy-inview div#ff-compose.container div#ff-sec-root.ff-section div.ff-button-bar {
   padding-top: 20px;    
   }

   .ff-widget-control.form-control {
       background: #fff3e8;
   }

   /* Target the select dropdown */

 
   #ff-id-1007071346 .ff-widget-control.form-control,
   #ff-id-1007071346 select.ff-widget-control.form-control {
 /* Match other inputs */
 background-color: #fff3e8;
 border: 1px solid rgba(0, 0, 0, 0.1);
 border-radius: 0;
 height: 40px;
 padding: 8px 12px;
 width: 100%;
 font-family: 'PT Serif' !important;
 font-size: 16px;
 appearance: none; 
 -webkit-appearance: none;
 -moz-appearance: none;
}

/* Add custom dropdown arrow */
select.ff-widget-control.form-control {
 background-repeat: no-repeat;
 background-position: right 10px center;
 background-size: 16px;
 padding-right: 30px; 
}

/* Style on hover */
.ff-widget-control.form-control:hover,
select.ff-widget-control.form-control:hover {
 border-color: rgba(0, 0, 0, 0.2);
}

/* Style on focus */
.ff-widget-control.form-control:focus,
select.ff-widget-control.form-control:focus {
 outline: none;
 border-color: #4d6a35; 
 box-shadow: 0 0 0 3px rgba(77, 106, 53, 0.2);
}

/* Hide the default arrow in IE */
select::-ms-expand {
 display: none;
}

/* Style option elements (limited support) */
option {
 background-color: #fff;
 color: #333;
 padding: 8px;
}


.ff-form-check-input[type="radio"] {
   accent-color: #556b2f !important;
 }

.ff-partial {
   color: white !important;
 background-color: #556b2f !important;
 border-color: #556b2f !important;
 margin: 0 !important;
}

.ff-partial a {
   color: #fff3e8 !important;
}


/* CARDS */

.uk-tile-muted{
   background-color: #eaeaea
}

.uk-card.uk-tile-muted a.uk-icon-link span.uk-icon{
   color:#9faa96
}

.uk-card.uk-tile-muted  h2.el-title.uk-h2 span.uk-link{
   color:#4d6a35;
}

.uk-card.uk-tile-muted  h2.el-title.uk-h2 span.uk-link:hover{
   color:#4d6a35b4;
}


.three-bc-only .uk-breadcrumb li:nth-child(4) { display: none; }

/* Datenschutz */

.uk-container div#gojsjmaptreelayout_instructions.sitemap {
  display: none;
}

@media (max-width: 1399px) {
   /* Verstecke die normale Navigation komplett */
   .uk-navbar-left .uk-navbar-nav,
   .uk-navbar-center .uk-navbar-nav,
   .uk-navbar-right .uk-navbar-nav:not(.uk-navbar-dropdown-nav):not(.uk-nav-sub) {
     display: none !important;
   }
   
   /* Zeige den Burger-Toggle an */
   .uk-navbar-toggle,
   [uk-navbar-toggle-icon],
   .uk-navbar-toggle-icon {
     display: flex !important;
   }
   
   /* Falls es mit einer Media-Query versteckt ist */
   .uk-hidden\@m {
     display: block !important;
   }
   
   /* Für den Fall, dass es mit visibility versteckt ist */
   .uk-invisible\@m {
     visibility: visible !important;
   }
 }
 
 /* Stelle sicher, dass Dropdown-Menüs in der mobilen Ansicht korrekt funktionieren */
 @media (max-width: 1399px) {
   .uk-navbar-dropdown {
     display: none;
   }
   
   /* Nur wenn das Dropdown aktiv ist, anzeigen */
   .uk-navbar-dropdown.uk-open {
     display: block;
   }
   html body div.tm-page header.tm-header div.uk-sticky div.uk-navbar-container {
      display: none !important;
   }
 }

@media (min-width: 1349px) {
iframe[src*="privacybee.io"] {
 display: block;
 width: 100vw !important;
 max-width: 100vw !important;
 margin: 0 !important;
 padding: 0 !important;
 border: 0 !important;
}

iframe[src*="privacybee.io"] {
 position: relative;
 left: 86%;
 transform: translateX(-50%);
}
}

/* Header ausblenden bei kleineren Bildschirmen */
@media (max-width: 1024px) {
   .tm-header.uk-visible\@m {
     display: none !important;
   }
   .ff-submit-icon {
      display: none !important;
   }
 }
 
 /* Mobile Menü anzeigen (falls notwendig) */
 @media (max-width: 1024px) {
   .tm-header-mobile {
     display: block !important;
   }
 } 
/*  */

@media (min-width: 768px) {
 .ff-layout-2column,
 .ff-layout-default {
   padding: 0 !important;
 }
}

@media (max-width: 600px) {
   .ganzebreite div.page-header h1,  
div.page-header.h1{
      font-size:2.0em;
   }

   .pg-masonry {
      -moz-column-count: 21;
      -webkit-column-count: 2;
      column-count: 2;
     
    }
    .phoca .pg-item-box-image img{
      height: 150px;
      min-height: 150px;
      max-height: 150px;
      max-width: 100%;
      width: 100%;
      object-fit: cover;
      position: relative;
      top: initial;
      left: initial;
      transform: none;
   
   }
   


  }


  @media (max-width: 499px) {
   .display-3, .display-4, .uk-heading-medium {
      font-size: 2.2rem;
    }
  }



  @media (max-width: 428px) {
     /* html body div.tm-page main#tm-main div#services.uk-section-default.uk-position-relative.uk-section.fs-section-divider-mountains-1 div.uk-container.fs-section-content.uk-container-xlarge.uk-position-relative.uk-position-z-index div.uk-margin-large.uk-container.uk-container-expand div.uk-grid.uk-grid-large div.uk-scrollspy-inview div#ff-compose.container form#Publish1FAIpQLSdsNKv0geK3iNlgOy0nzha4jOtMttmSuQRI_j43ggpByAD_BA.ff-form.ff-layout-2column.ff-public-mode.ff-text-left div#ff-sec-root.ff-section div.ff-secfields div#ff-id-737892259.form-group.ff-item.ff-multiple_choice.ff-full-width.ff-nav-dyn.ff-item-noprd div.ff-widget-control.ff-check-table div.ff-form-check .ff-form-check-input {margin-top: -65px;} */


  .uk-scrollspy-inview div#ff-compose.container form#Publish1FAIpQLSdsNKv0geK3iNlgOy0nzha4jOtMttmSuQRI_j43ggpByAD_BA.ff-form.ff-layout-2column.ff-public-mode.ff-text-left div#ff-sec-root.ff-section div.ff-secfields div#ff-id-737892259.form-group.ff-item.ff-multiple_choice.ff-full-width.ff-nav-dyn.ff-item-noprd div.ff-widget-control.ff-check-table div.ff-form-check label.ff-form-check-label {width: 90%}
}