/* CSS Document 

 Theme Name:   innoTheme
 Template:     YTP
 Author:       innosolutions
 Description:  YT Child Theme
 Version:      2.0.3 | 2025-03-20 | N

*/

/* [ GENERAL */

.hide {
    display: none;
}

a.login-link{color:#152131}
.login-link a:hover{text-decoration:none;color:#152131}

hr{
    border-top:1px solid #ddd !important
}


  .dj-megamenu-offcanvas.dj-offcanvas-effect-4 div.dj-offcanvas-wrapper div.dj-offcanvas-pusher div.dj-offcanvas-pusher-in div.tm-page main#tm-main div.uk-section-default.fs-section.uk-section.uk-padding-remove-vertical div.uk-grid.tm-grid-expand.uk-grid-column-collapse.uk-child-width-1-1.uk-margin-remove-vertical .uk-slider-container.home.slide.buch.detail.uk-margin.uk-text-center.uk-slider.uk-scrollspy-inview .uk-slider-items > div:first-of-type .uk-position-center {
    display: none;
}   

/* Overlay Gallery / YouTube Wall */
html.uk-lightbox-page body div.uk-lightbox.uk-overflow-hidden.uk-lightbox-panel.uk-open div.uk-lightbox-toolbar.uk-position-top.uk-text-right.uk-transition-slide-top.uk-transition-opaque {
    --uk-translate-y: 1% !important;
    background: none;
  }

  /* Plugin: YouTubeR */

div.mxyt-playlist-item div.mxyt-title,
div.mxyt-playlist-item div.mxyt-date,
div.mxyt-playlist-item div.mxyt-description,
div.mxyt-playlist-item div.mxyt-meta,
body .html5-video-player a,
.ytp-title-text{
    display: none !important;
  }
  
  
    /* [[ Typo */

    p{
        hyphens: auto;
        font-size:18px;
    }

    body .cf-emotion-accordion h2.el-title.uk-h2,
    .cf-emotion-accordion.home.horaccord .cf-all-close .cf-tab.el-item div.el-title.uk-text-muted.uk-text-center.cf-title h5,
    .cf-emotion-accordion.home.horaccord .cf-all-close .cf-tab.el-item div.el-title.uk-text-muted.uk-text-center.cf-title h2 p,
    body .cf-emotion-accordion .cf-tab.el-item.uk-active div.cf-item-open div.content div.el-content.uk-margin,
    body .cf-emotion-accordion .el-image.uk-text-emphasis.uk-icon{
        color:#fff !important;
        hyphens: auto;
    }

     .home.grid.story-grid .uk-card-body div.el-content.uk-panel.uk-text-lead{
        color:#fff;
    }

    body .uk-section-primary h2.uk-h2.uk-heading-bullet.uk-text-secondary.uk-margin-large a{
        color:#fff !important;
    }
    body .uk-section-primary h2.uk-h2.uk-heading-bullet:before{
    border-left: calc(2px + .1em) solid #fff}

    body .uk-text-warning{
        color:#fff !important
    }

    mark{
  background: rgba(240, 240, 240, 0.985);
  color: rgba(0,0,0,.91);
}

p strong {
    font-weight: bold;
}

 h1.uk-heading-small.uk-text-primary.uk-margin.uk-width-2xlarge{
    font-size:42px;
}



.uk-panel.buch.home h1,
.uk-panel.buch.home h2,
.uk-panel.buch.home h3,
.uk-panel.buch.home{
    color:#fff;
}
.uk-panel.buch.home h3{
    font-size:1.05em;
    font-family: 'ADLaM Display';
    text-align: left;
    margin-top:5px;
}

.uk-container .uk-panel.uk-margin ul li::marker{
    color:#5cab35;font-size:1.5em;
    
}

.uk-container .uk-panel.uk-margin ul li{
    font-size:18px;
    padding-bottom:10px;
}
     /* Typo ]] */

     /* [[ Frontend-Login-Settings */
     .tm-page a[style^="position: fixed!important"].uk-position-medium.uk-position-bottom-right.uk-position-z-index.uk-button.uk-button-primary  {
    display:none;
    }

     /*  Frontend-Login-Setting ]] */
     
    /* [[ Forms */

    .uk-search .uk-search-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #5cab35;
        padding-left: 2%;
      }

      .form-group.ff-item.ff-text input.ff-widget-control.form-control,
     .form-group.ff-item textarea.ff-widget-control.form-control,
    .form-group.ff-item.ff-date input.ff-widget-control.form-control,
    .uk-search-input{
       border:1px solid #f3f3f3;
        background: #f3f3f3;
        font-size:16px;
        font-family: 'ADLaM Display';
        height:45px;
    }
    .form-group.ff-item textarea.ff-widget-control.form-control{
        height:250px;
        font-family: 'ADLaM Display';
    }

    .uk-search-input:hover{
        border: 1px solid #5cab35;
    }

    .tm-section-title > ::before {
        display:none;
    }
    .tm-section-title
        {
        display:none;
            color: #000;
        font-size: 28px;
        line-height: 1.6;
        writing-mode: vertical-rl;
        font-family: 'Besley';
        font-weight: 900;
        letter-spacing: -.02em;
        text-transform: uppercase;
        background:rgba(255,255,255,0.8);
        padding:10px 5px;
        margin:0px;
        }

    /* .fs-grid-filter-search span.uk-search.uk-width-1-1.uk-search-small.uk-inline input.uk-search-input{
        background: #000;
    } */
     /*  Forms ]] */

     .ff-form button,
     .uk-button{
        font-size:20px;
        line-height:1.4;padding:10px;
     }

     .uk-card-primary .el-link.uk-button.uk-button-primary,
     .uk-section-primary .uk-margin.uk-text-center.uk-scrollspy-inview a.el-content.uk-button.uk-button-secondary{
        background:#000;
        color:#fff;
        border:1px solid #000;
     }
     .uk-card-primary .el-link.uk-button.uk-button-primary:hover,
     .uk-section-primary .uk-margin.uk-text-center.uk-scrollspy-inview a.el-content.uk-button:hover{
        background:transparent;
        border: 1px solid #fff;color:#fff;
     }
   
     .uk-section-primary .uk-subnav.uk-subnav-pill.nav-horizontal.uk-scrollspy-inview li.uk-active a{
        background:#000;color:#fff;border:1px solid #000;
     }
    .uk-section-primary .uk-subnav.uk-subnav-pill.nav-horizontal.uk-scrollspy-inview li a{
        border: 1px solid #fff;color:#fff;
    }

     .uk-tile-primary{
        background:#5cab35;
     }


/* GENERAL ] */

@media (min-width: 1200px) {
.botton-left {
    padding-left: 0 !important; 
 
}  

.botton-left .fs-grid-item-1-container.fs-load-more-item.fs-mw.uk-first-column div.fs-grid-item-holder {
    max-width: 300px !important;
    margin: auto !important;
}
}

.text-white {
    color: #fff !important;
}

.img-shadow img {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    /* margin: 20px auto; */
  }
  
  /* Optional: Hover-Effekt für verstärktes Schwebegefühl
  .img-shadow:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    transform: translateY(-5px);
  } */

/* [ LOGO */


/* LOGO ] */


/* [ NAVI */

    /* [[ Home auf Home weg */
    .uk-sticky div.uk-navbar-container.uk-navbar-primary div.uk-container.uk-container-expand.uk-flex.uk-flex-middle nav.uk-navbar.uk-flex-auto div.uk-navbar-left ul.uk-navbar-nav li.item-101.uk-active,
    body.home nav.uk-navbar div.uk-navbar-left ul.uk-navbar-nav li.item-101.uk-active a.uk-preserve-width span.uk-icon,
    .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 li.item-101.uk-active a.home.uk-preserve-width span.uk-icon,
    .tm-header-overlay 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 ul.uk-navbar-nav li.item-101.uk-active a.home.uk-preserve-width span.uk-icon{
        display:none
    }
     /* Home auf Home weg ]] */

     .uk-tab > * > a{
        color:#000
    }

        .uk-navbar-left ul.uk-navbar-nav li.item-395.uk-parent{
        hyphens: auto;
    }

    .uk-navbar-dropdown.uk-drop.uk-open div ul.uk-nav.uk-navbar-dropdown-nav li a{
        padding:5px;
        margin:2px 0;
    }

    .uk-navbar-dropdown.uk-drop.uk-open div ul.uk-nav.uk-navbar-dropdown-nav li a:hover,
    .uk-navbar-dropdown.uk-drop.uk-open div ul.uk-nav.uk-navbar-dropdown-nav li.uk-active a{
        color:#fff;background:#000;width:fit-content;
    }

    .uk-navbar-container.uk-navbar-primary div.uk-container.uk-container-expand.uk-flex.uk-flex-middle nav.uk-navbar.uk-flex-auto div.uk-navbar-left ul.uk-navbar-nav li a{
       max-width:320px;
    }
    /* body .uk-navbar-subtitle{
        font-family:"ADLaM Display" !important;
    } */
    /* DJ MENU */

    /* DJ Menü auf Desktop weg */
    .uk-navbar-container  div#module-127.uk-navbar-item{display:none}

     .dj-offcanvas-logo{
        width:175px;
        margin-top:-45px;
    }
    ul.dj-mobile-nav li.dj-mobileitem a span.title{
        font-family:"ADLaM Display" !important;
    }



/* NAVI ]*/


/* [ SLIDER */


    /*Home Slider */

        .home.slide .uk-overlay{
            background:none !important;
    }
    .home.slide h1.el-title.uk-h2.uk-text-primary{
        font-size:1.95em; color:#fff !important;
        background:#5cab35b6;padding:15px 30px; 
        /* hyphens:auto; */
    }

    .home.slide .el-content.uk-panel{
        /* background:#ffffffb9; */
        background:#00000086;
        padding:10px 30px;
        margin-top:0px !important
    }

     .home.slide .el-content.uk-panel.uk-margin-top p{
        font-size:1.45em;color:#fff;text-shadow:1px 1px 2px #00000086;
        font-family:"ADLaM Display";
        hyphens:auto;
    }

    /* [ Horziontal Accordion */
    .cf-emotion-accordion.home h2.el-title.uk-h2.uk-text-muted.uk-text-center.cf-title p{
    font-family:"ADLaM Display";
}
    .cf-emotion-accordion.home.horaccord .cf-tab.el-item.uk-active div.cf-item-open div.cf-open-title.uk-margin-auto-right div.el-title.uk-text-muted.cf-title h5{
        font-size:0.8em;color:#ffffffb9;

    }
    /* closed sliders */
    .cf-emotion-accordion.home.horaccord .cf-all-close .cf-tab.el-item div.el-title.uk-text-muted.uk-text-center.cf-title h5{
        font-size:1.15em;
    }
    .cf-emotion-accordion.home.horaccord .cf-all-close .cf-tab.el-item div.cf-title-close div.el-title.uk-text-muted.uk-text-center.cf-title h2 p{
        font-size:1.0em;
    }

    /* active / open sliders */
        .cf-emotion-accordion.home.horaccord div.cf-container.cf-breakpoint.cf-breakpoint-small div.cf-tabs .cf-tab.el-item.uk-active div.cf-item-open div.cf-open-title.uk-margin-auto-right div.el-title.uk-text-muted.cf-title h2 p{
        font-size:1.1em; color:#ffffffb9;
        background:#5cab35b6;padding:15px 30px;
    }
    .cf-emotion-accordion.home.horaccord .cf-tab.el-item.uk-active {
        color:#ffffffb9;font-size:1.4em;
    }
    .cf-emotion-accordion.home.horaccord .cf-tab.el-item.uk-active div.cf-close a.uk-icon svg{
        width:50px;
    }
    .cf-emotion-accordion.home.horaccord .cf-tab.el-item.uk-active div.cf-close a.uk-icon svg:hover{
        color:#ffffffb9
    }
    /* Horziontal Accordion ] */

/* SLIDER ] */


/* [ GRID */

    /* [ Video-Breite */
    /* .home.slider.teaser .el-item iframe{
        height:5000px;
    } */
    /* Video-Breite ] */

    /* [ Bilder-Auto-Sizing */

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


.fse.fs-grid.schulmacher.home.grid.story-grid picture img.el-image {
        height: 295px !important;
        min-height:295px;
        max-height: 295px;
        max-width: 100%;
        width: 100%;
        object-fit: cover;
        position: relative;
        top: initial;
        left: initial;
        transform: none;
    }

    /* Social / News Grid */
    
    .news-grid img.el-image,
    .fs-grid.home.grid.story-grid.news-grid picture img.el-image {
        height: 420px;
        min-height:420px;
        max-height: 420px;
        max-width: 420%;
        width: 100%;
        object-fit: cover;
        position: relative;
        top: initial;
        left: initial;
        transform: none;
    }

    .buch-home-vidz img.el-image,
    .fs-grid.buch-home-vidz.grid.story-grid.news-grid picture img.el-image {
        height: 420px;
        min-height:420px;
        max-height: 420px;
        max-width: 420%;
        width: 100%;
        object-fit: cover;
        position: relative;
        top: initial;
        left: initial;
        transform: none;
    }

    /* Bilder-Auto-Sizing ] */
      
    /* Grid-Titel Text */

        .fse.fs-grid  h3.el-title{
            hyphens:auto;
    }

    /* [ Storie Grid / Slider */

    .home.grid.story-grid .el-content.uk-panel.uk-text-lead.fs-search-mark{
        color:#fff;
    }
    .fse.fs-grid.home.grid.story-grid  li.fs-filter-state a.fs-filter-label.uk-icon span.fs-filter-label-inner{
        padding:5px
    }

    .fs-filter-grid  ul.el-nav.uk-tab.uk-flex-top.nav-horizontal.uk-scrollspy-inview li.uk-active a.fs-filter-label-all{background:none;color:#5cab35;border:none;}

    .fs-filter-grid  ul.el-nav.uk-tab.uk-flex-top.nav-horizontal.uk-scrollspy-inview li.uk-active a.fs-filter-label-all:hover{
        border-bottom: 1px solid #5cab35;
    }

    .story-grid .fs-filter-grid-left-cell .uk-nav > li:nth-child(1){
        width:200px;
    }

    .story-grid .fs-filter-grid-left-cell .uk-nav {
        display: flex;
        flex-direction: column;
    }
    
    .story-grid .fs-filter-grid-left-cell .uk-nav > li:nth-child(1) { order: 1; }  /* Alle Stories */
    .story-grid .fs-filter-grid-left-cell .uk-nav > li:nth-child(7) { order: 2; }  /* Die rundum andere Schule */
    .story-grid .fs-filter-grid-left-cell .uk-nav > li:nth-child(8) { order: 3; }  /* Get in touch */
    .story-grid .fs-filter-grid-left-cell .uk-nav > li:nth-child(2) { order: 4; }  /* Blick hinter die Kulissen */
    .story-grid .fs-filter-grid-left-cell .uk-nav > li:nth-child(5) { order: 5; }  /* Der Campus */
    .story-grid .fs-filter-grid-left-cell .uk-nav > li:nth-child(3) { order: 6; }  /* Blick über den Tellerrand */
    .story-grid .fs-filter-grid-left-cell .uk-nav > li:nth-child(10) { order: 7; } /* Projekt Lehrplan 21 */
    .story-grid .fs-filter-grid-left-cell .uk-nav > li:nth-child(9) { order: 8; }  /* Mach dein Ding */
    .story-grid .fs-filter-grid-left-cell .uk-nav > li:nth-child(6) { order: 9; }  /* Der Job der Coaches */
    .story-grid .fs-filter-grid-left-cell .uk-nav > li:nth-child(4) { order: 10; } /* Community Education */

    /* Storie Grid / Slider ] */

    /* Grid grün (Preise) */
    
    .fs-grid.grid-gruen h3.el-title{
        color:#fff;
    }
    .fs-teaser-item-container div.el-price-container{
        width:100%;
    }
    .fs-grid.grid-gruen .uk-card.uk-tile-secondary  h3.el-title{
        color:#000;
    }

    .teaser-finanzen .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
     
       margin:auto;
       width:60%;
        border-top: 1px solid rgba(255,255,255,.4);
      }
      .kanaele .uk-card-body{
        padding:20px;
      }
        .kanaele .uk-card-body p{
            color:#fff;
      }
      .kanaele .uk-card-body a{
              padding:2px 3px;
      }

      .kanaele .uk-card-body:hover a{
        color:#fff;
       
      }

        .kanaele .uk-card-body:hover a:hover{
            color:#fff;
            background:#000;
            
  }

    /* Dreisatz Grid */
    .dreisatz .uk-card.uk-tile-secondary.uk-card-body{
        padding:18px 10px;
    }

    .dreisatz.uk-grid-match .uk-grid > *{
        padding-left:5px !important;
    }

    .dreisatz p{
        padding: 0px 25px !important;
    }

    /* Partner Grid */

    .fs-grid.partner-grid .uk-card.uk-tile-secondary{
        background-color: #fff;
        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.343);
      }

        .fs-grid.partner-grid picture img.el-image{
        height: unset;
        min-height: unset;
        max-height: 110px;
        max-width: 100%;
        width: 100%;
        object-fit:contain;
       
    }

    .fs-grid.partner-grid .uk-card{
        filter: grayscale(85%);
    }
    .fs-grid.partner-grid .uk-card:hover{
        filter: grayscale(0%);
        transform: rotate(-2deg);
    }


/* GRID ] */


/* [ GOOGLE FORM / Biutiful Formfacade*/

   body.ff-section div.ff-button-bar a.ff-powered-img,
body .ff-section div.ff-button-bar a.ff-powered-img,
body div#ff-sec-root.ff-section img.ff-banner-image.ff-image {
    display: none !important;
    visibility: hidden !important;
}

.uk-panel.uk-margin.uk-scrollspy-inview div#ff-compose.container form#Publish1FAIpQLSdkn5Vu_YttePjDFuPsdYcqtyUPhKXzuK1itAVuUAfSbF--Tw.ff-form.ff-layout-default.ff-public-mode.ff-text-left {
    margin: 0;
}


.uk-panel.uk-margin.uk-scrollspy-inview div#ff-compose.container form#Publish1FAIpQLSdkn5Vu_YttePjDFuPsdYcqtyUPhKXzuK1itAVuUAfSbF--Tw.ff-form.ff-layout-default.ff-public-mode.ff-text-left div#ff-sec-1837963172.ff-section div.ff-secfields div#ff-id-1423961817.form-group.ff-item.ff-section_header.ff-full-width.ff-item-noprd h4#ff-title-1423961817.ff-section-header b,
.uk-panel.uk-margin.uk-scrollspy-inview div#ff-compose.container form#Publish1FAIpQLSdkn5Vu_YttePjDFuPsdYcqtyUPhKXzuK1itAVuUAfSbF--Tw.ff-form.ff-layout-default.ff-public-mode.ff-text-left div#ff-sec-root.ff-section div.ff-secfields div#ff-id-1424299724.form-group.ff-item.ff-section_header.ff-full-width.ff-item-noprd h4#ff-title-1424299724.ff-section-header b {
    font-size: 20px !important;
}

.ff-button-bar button.btn.btn-lg.btn-secondary.ff-back{
    border: 1px solid #5cab35
}

.uk-container-xlarge .uk-grid .uk-panel.uk-margin.uk-scrollspy-inview div#ff-compose.container {
    padding:0;
}

.ff-layout-default.ff-public-mode.ff-text-left {
    padding: 0;
    font-family: Besley;
    font-size: 18px;
}

.ff-secfields div#ff-id-1068986791.form-group.ff-item.ff-checkbox.ff-full-width.ff-item-noprd {
    padding: 0;
}


.uk-panel.form-background.uk-margin.uk-scrollspy-inview {
    padding: 0 15px 15px 15px;
    background-color: #fbfbfb;
    border-radius: 10px;
}



.ff-partial {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px !important;
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
    color: #fff !important;
    font-size: 0.8em !important;
    background-color: #000 !important;
    border-color: #000 !important;
  }
  
  body .ff-partial a {
    padding-left: 12px;
    color: #5cab35;
    text-decoration: none;
    font-weight: 500;
  }
  
  body .ff-partial.ff-message span:nth-of-type(1) {
    width: 100%;
    text-align: left;
  }
  
  body .ff-partial.ff-message span:nth-of-type(2) {
  
    text-align: right;
  }
  
  body .ff-partial.ff-message span a {
    display: inline-block;
  }

 .news .ff-title, .news .ff-section-header {
  font-family: Besley;
  font-size: 18px !important;
  font-weight: bold !important;
  }
 
  .news .ff-section, .news .ff-title-root  {
    padding-top: 15px;
    /* margin-left: -55px; */
    } 

    @media (max-width: 768px) {
        /* Speziell für die Checkboxen */
        .ff-wrap-choices {
          display: flex !important;
          flex-direction: column !important;
          width: 100% !important;
        }
        
        /* Jede Checkbox-Zeile auf volle Breite */
        .ff-form-check {
          width: 100% !important;
          display: block !important;
          margin-bottom: 8px !important;
          padding-left: 10px !important;
          box-sizing: border-box !important;
        }
        
        /* Labels der Checkboxen auf volle Breite */
        .ff-form-check-label {
          width: 90% !important;
          display: inline-block !important;
          white-space: normal !important;
          padding-left: 5px !important;
        }
        
        /* Sicherstellen, dass die Texte nicht über den Rand hinausgehen */
        .ff-form-check-input, .ff-form-check-label {
          max-width: 100% !important;
          box-sizing: border-box !important;
        }

        .home.slide h1.el-title.uk-h2.uk-text-primary {
            font-size: 1.05em !important;
        }

        .home.slide .el-content.uk-panel.uk-margin-top p {
            font-size: 0.9em !important;
        }

        .home .uk-section-default.fs-section.uk-section.uk-section-xsmall.uk-padding-remove-top {
            padding-bottom: 0 !important;
        }
      }




/* GOOGLE FORM ] */

/* [ CTA */

.uk-card-secondary div.el-content.uk-panel.uk-text-lead.uk-margin-top,
.uk-card-primary div.el-content.uk-panel.uk-text-lead.uk-margin-top{
    color:#fff;
}

        /* dynamisch ACtions ausblenden / nach Seitenklasse */
        


        html body.news .cta.schule .fs-grid-item-3-container,
        html body.schnuppern .cta.schule .fs-grid-item-2-container,
        html body.kontakt .cta.schule  .fs-grid-item-1-container{
            display:none
        }
  
    /* CTA ] */

/* * * * * * * * * * * * * */

/* [ RESPONSIVE */

.dj-megamenu-offcanvas.dj-megamenu-offcanvas-light.hasSubtitles button.dj-mobile-open-btn{
    border-radius:50%;
}

.dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon::before {
    font-size: 2.0em;
  }

    ul.dj-mobile-nav a.dj-up_a span.toggler{
    width:42px
  }

  .uk-slider-container.buch.detail #uk-slider-2 .uk-panel {
    display: none;
}

.dj-offcanvas-content ul.dj-mobile-nav.dj-mobile-light.hasSubtitles li.dj-mobileitem.itemid-101 a.dj-up_a.withsubtitle span.image-title small.subtitle{
    display: none;}

  .uk-navbar-item div.dj-megamenu-wrapper .dj-megamenu-offcanvas.dj-megamenu-offcanvas-light button,
header.tm-header-mobile div.uk-navbar-right a.uk-navbar-toggle div.uk-icon.uk-navbar-toggle-icon{
    color: #fff;
  background: #5cab35;
  padding: 10px;
  border-radius: 50%;
}

/* .dreisatz .uk-grid-match .uk-text-center .uk-grid div {
    max-height: 250px;
} */


.projektpaedagogik .dreisatz-container {
    max-width: 100%; /* Begrenzt die Breite auf die gesamte Seitenbreite */
    margin: 0 auto; /* Zentriert den Container horizontal */
  }
  
  .projektpaedagogik .dreisatz {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
  }
  
  .projektpaedagogik .uk-card {
    flex: 1;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 20px;
  }
  
  .projektpaedagogik .uk-card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
  
  .projektpaedagogik h3 {
    margin: 0;
    padding: 10px 0;
    text-align: center;
    flex-shrink: 0;
  }
  
  .projektpaedagogik p {
    text-align: center;
    margin: 5px 0; /* Einheitlicher Abstand zwischen den Absätzen */
  }
  
  .projektpaedagogik .separator {
    margin: 5px 0; /* Abstand für den Bindestrich */
    text-align: center;
  }

  .kanaele .uk-card-body:hover a {
    color: #fff;
    background: #000;
  }

@media screen and (max-width: 1728px) {
    .uk-navbar-primary .uk-navbar-nav > li > a {
        font-size: 15px;
      }
        nav.uk-navbar.uk-flex-auto div.uk-navbar-left ul.uk-navbar-nav li.uk-parent a div span.uk-icon.uk-navbar-parent-icon{
        display:none
      }
      .uk-navbar-container.uk-navbar-primary div.uk-container.uk-container-expand.uk-flex.uk-flex-middle nav.uk-navbar.uk-flex-auto div.uk-navbar-left ul.uk-navbar-nav{
        gap:10px
      }
      
       ul.uk-navbar-nav li.item-391.uk-parent a div div.uk-navbar-subtitle{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 60px;
       }
}


@media screen and (max-width: 1590px) {
    .uk-navbar-container.uk-navbar-primary div.uk-container.uk-container-expand.uk-flex.uk-flex-middle nav.uk-navbar.uk-flex-auto div.uk-navbar-left ul.uk-navbar-nav li a {
        max-width: 210px;
        border-left: 1px solid #f1f1f1;
        padding-left: 10px;
      }
     .uk-navbar.uk-flex-auto div.uk-navbar-left ul.uk-navbar-nav li.item-101 a.uk-preserve-width{
        border-left:none !important
     }
     .uk-navbar-primary .uk-navbar-nav > li > a {
        font-size: 13px;
      }
      .uk-navbar-container.uk-navbar-primary div.uk-container.uk-container-expand.uk-flex.uk-flex-middle nav.uk-navbar.uk-flex-auto div.uk-navbar-left ul.uk-navbar-nav{
        gap:5px
      }


}


@media screen and (min-width: 1600px) and (max-width: 1830px){
    /* .news-grid img.el-image, .fs-grid.home.grid.story-grid.news-grid picture img.el-image{
        max-width:388px;
        width:388px;
        height:auto;
    } */
}

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

@media screen and (min-width: 1151px) {
    .video-header.uk-section-default.uk-preserve-color.uk-light.uk-cover-container.fs-section.uk-section.uk-section-small {
        
        min-height:657px !important;
        width:1920px !important
    }
}

@media screen and (max-width: 1150px) {
    body .video-header.team.uk-section-default.uk-preserve-color.uk-light.uk-cover-container.fs-section.uk-section iframe   {
        
        height:900px !important;
        max-height:900px !important;
        width:1920px !important
    }
}

@media screen and (min-width: 890px) and (max-width: 1149px){
    .video-header.uk-section-default.uk-preserve-color.uk-light.uk-cover-container.fs-section.uk-section.uk-section-small{
        height:500px !important;
        max-height:900px !important;
        min-height:500px !important;
        width:auto !important
    }
    body .video-header.team.uk-section-default.uk-preserve-color.uk-light.uk-cover-container.fs-section.uk-section iframe{
        width:1920px !important;
        min-width:1920px !important
    }
}

@media (max-width: 759px) {
    .projektpaedagogik .dreisatz {
      flex-direction: column; /* Ändert das Layout auf eine Spalte */
      align-items: center; /* Zentriert die Kacheln */
    }
  
    .projektpaedagogik .uk-card {
      width: 90%; /* Gleiche Breite für alle Kacheln */
      max-width: 400px; /* Optionale maximale Breite */
      margin-bottom: 20px; /* Abstand zwischen den Kacheln */
    }
  }

@media screen and (min-width: 960px) {
    .video-header.uk-section-default.uk-preserve-color.uk-light.uk-cover-container.fs-section.uk-section.uk-section-small{
        height:500px;
    }
}


@media screen and (max-width: 959px) {
    .footer-adresse h3.el-title.uk-h4.uk-font-primary{
        display:none
    }
        .video-header.uk-section-default.uk-preserve-color.uk-light.uk-cover-container.fs-section.uk-section.uk-section-small{
        max-height:450px;
        min-height:450px !important;
        height:450px !important;
    }
}

@media screen and (max-width: 679px) {
    .home.slide h1.el-title.uk-h2.uk-text-primary{
        font-size:1.25em; color:#fff !important;
        background:#5cab35b6;padding:15px 30px; 
        /* hyphens:auto; */
    }

   .home.slide.buch.pk h1.el-title.uk-h2,
    .home.slide ul#uk-slider-1.uk-slider-items li.uk-width-1-1 h1.el-title.uk-h2,
    .home.slide.buch ul#uk-slider-1.uk-slider-items li#uk-slider-3.uk-width-1-1 h1.el-title.uk-h2{
         hyphens:auto; 
    }

    .home.slide .el-content.uk-panel.uk-margin-top p{
        font-size:0.75em;color:#fff;text-shadow:1px 1px 2px #00000086;
        font-family:"ADLaM Display";
        hyphens:auto;
    }

        h1.uk-h1{
        font-size:1.3em
    }

}


/* RESPONSIVE ] */}