/* FONTS */

@font-face {
    font-family: 'noway-bold';
    src: url('../fonts/nowayround-bold-webfont.woff2') format('woff2'),
         url('../fonts/nowayround-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'noway-light';
    src: url('../fonts/nowayround-light-webfont.woff2') format('woff2'),
         url('../fonts/nowayround-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'noway-medium';
    src: url('../fonts/nowayround-medium-webfont.woff2') format('woff2'),
         url('../fonts/nowayround-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'noway-regular';
    src: url('../fonts/nowayround-regular-webfont.woff2') format('woff2'),
         url('../fonts/nowayround-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* FARBEN */

/*Hauswirtschaft*/
.bg-hellgruen {background-color: #D7E5B1;}
.bg-gruen {background-color: #A2C05B;}
.tx-gruen {color: #66832D}
.tx-dunkelgruen {color: #384621;}

/*Schreinerei*/
.bg-hellorange {background-color: #FFDCB4;}
.bg-orange {background-color: #FCA859;}
.tx-orange {color: #D9580D}
.tx-dunkelorange {color: #842F10;}

/*Schneiderei*/
.bg-hellrosa {background-color: #FADCF0;}
.bg-rosa {background-color: #E594BF;}
.tx-rosa {color: #AD386D}
.tx-dunkelrosa {color: #702342;}

/*Büromanagement*/
.bg-helllila {background-color: #D2D2F0;}
.tx-lila {color: #634F9C}
.tx-dunkellila {color: #3E3361;}

/* Sonstige Farben */
.tx-dunkelblau {color: #002659;}


/* 3er-GRID - 2/4 1/4 1/4 */

@media screen and (min-width: 1200px) {
div:has(> .item-wide)  {
    width: 50%;
}
div:has(> .item-narrow) {
    width: 25%;
}
}

/* HOME - MARQUEE TRÄGER-LOGOS */
.logo-marquee {
  overflow: hidden;
  width: 100%;
  padding-bottom: 60px;
}

.logo-marquee__track {
  display: flex;
  gap: 60px;
  align-items: center;
  width: max-content;
  animation: marquee 30s linear infinite;
}

.logo-marquee__track img {
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}


/* FOOTER */
[id="footer#2"] {
  margin-top: -70px !important;}


/* ACCORDION - Nebentext im Titel */
.accordion-special .accordion-subtitle {
    font-family: 'noway-medium', sans-serif;
    font-size: 22px;
    margin-left: auto;
    padding-right: 30px;
}

.accordion-special .uk-accordion-default .uk-accordion-icon {
    margin-left: 0;
}

.accordion-special [aria-expanded="true"] .accordion-subtitle {
    display: none;
}

@media screen and (max-width: 670px) {
    .accordion-special .uk-accordion-title {
        flex-wrap: wrap;
        align-items: center;
    }

    .accordion-special .accordion-title-text {
        width: 100%;
        flex: none;
    }

    .accordion-special .uk-accordion-title .uk-accordion-icon {
        margin-left: 0;
		order: 4;
    }

    .accordion-special .uk-accordion-title .accordion-subtitle {
        order: 3;
		width: 100%;
        flex: 1;
        margin-left: 0;
        padding-right: 0;
        /*white-space: nowrap;*/
        margin-top: 4px;
    }
	.accordion-special .accordion-special .uk-accordion-default .uk-open .uk-accordion-icon {
        margin-left: auto;
        order: 4;
    }
}


.uk-accordion-content .el-content p{font-weight: 300;}

/* ACCORDION - Icon */
.uk-accordion-icon svg {
    width: 18px;
    height: 18px;
}

.uk-accordion-icon svg rect {
    fill: #002659;
    height: 2px;
    width: 18px;
}

.uk-accordion-icon svg rect.line-2 {
    width: 2px;
    height: 18px;
    x: 8;
}

.uk-accordion-default .uk-accordion-icon {
  color: #002659;
}




/* -----------------------------------------------
   NAVBAR – Hover-Zustand (Schrift noway-medium, kein Hintergrund)
----------------------------------------------- */
.uk-navbar-nav > li > a:hover {
    font-family: noway-medium, sans-serif;
    background-color: transparent;
}

/* -----------------------------------------------
   NAVBAR – Aktiver Zustand
----------------------------------------------- */
.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li > a[aria-current="page"] {
    font-family: noway-medium, sans-serif;
    background-color: #ECEBE5;
    border-radius: 12px;
    padding: 14px 16px 12px 16px;
    color: #002659;
}
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li.uk-active > a {
    background-color: #ECEBE5;
}

.uk-navbar-dropdown-nav > li > a:hover, .uk-navbar-dropdown-nav > li.uk-active > a {
  font-family: 'noway-medium';
}

/* -----------------------------------------------
   KONTAKT-Button (Menüpunkt mit Klasse nav-kontakt)
----------------------------------------------- */
.uk-navbar-nav > li > a.nav-kontakt {
    font-family: noway-medium, sans-serif;
    background-color: #B0D0EF;
    color: #002659;
    border-radius: 12px;
    padding: 14px 16px 12px 16px;
}

.uk-navbar-nav > li > a.nav-kontakt:hover {
    background-color: #002659;
    color: #ffffff;
}

.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a.nav-kontakt {
    background-color: #B0D0EF;
}

.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a.nav-kontakt:hover {
    background-color: #002659;
}

.uk-navbar-container .uk-navbar-nav > li.uk-active,
.uk-navbar-container .uk-navbar-nav > li:has(> a.nav-kontakt),.uk-navbar-container .uk-navbar-nav > li.uk-parent {
    align-self: center;
}

/* Startseite */
#page\#13 .el-item {border-radius: 36px;}
@media (min-width: 1200px) {#page\#13 .el-item {padding: 25px;}}
#page\#13 .uk-dotnav > .uk-active > * {background-color: #3482BD;border: 1px solid #3482BD;}
#page\#13 .uk-dotnav > * > * {background-color: transparent;border: 1px solid #3482BD;}
#page\#13 .el-meta.uk-text-meta{color: #002659!important;font-size: 18px!important;font-weight: 300!important;}
#page\#13 .el-link.uk-button-primary {color: #ffffff;background-color: rgba(0,0,0,0); border: 2px solid #ffffff;}
#page\#13 .el-content{font-weight: 300;}
#page\#13 .el-title, .el-content {
  overflow-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
}
#page\#0  .el-content{font-size: 22px;}

#page\#4 > div > div > div > div {
    border-radius: 36px;
  }
  
  /*Footer*/
  
#footer\#2 .uk-nav-default > li > a:hover{color: #002659; font-family: 'noway-medium';}
#tm-dialog-mobile .uk-search-default .uk-search-input {
  background: transparent;
  border: 1px solid #C4C4C6;
  border-radius: 12px;
}
 
#tm-dialog-mobile .uk-nav-default > li > a{padding-top: 15px; font-size: 20px;}
#tm-dialog-mobile .uk-offcanvas-bar {
  background-image: url("bg-paper.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #fff;
}

/*Header*/
#tm-header .uk-navbar-dropdown-nav > li > a {
  color: #002659;
font-family: 'noway-regular';
font-size: 18px;
}
.tm-header-mobile .uk-logo {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* DIVERS */
#angebote-ausbildung {background-color: #ECEBE5;width: 980px;}
#angebote-ausbildung .el-content{color: #2D2828; font-size:22px;}
#angebote-ausbildung .el-content a{color: #2D2828;}
#angebote-ausbildung .el-meta{color: #1F6FA5;}

.werkstaetten-acc a {color: #2d2828;font-weight:300;}
.werkstaetten-acc .el-title{font-size: 30px;font-family: 'noway-medium';}
@media (min-width: 500px) {
	.werkstaetten-acc .el-title{font-size: 36px;font-family: 'noway-medium'; }}
.werkstaetten-acc .el-item{border-radius: 36px;padding: 30px;}
@media (min-width: 500px) {
	.werkstaetten-acc .el-item {padding: 50px;}}
.werkstaetten-acc .el-element{width: 850px;}
.werkstaetten-acc.el-content{margin-top:20px;}


#werkstaetten-acc-hw .el-title{color: #384621;}
@media (min-width: 500px) {
	#werkstaetten-acc-hw .el-title{color: #384621;}}
#werkstaetten-acc-hw .el-item{background-color:#D7E5B1;}
#werkstaetten-acc-hw .el-link{color: #384621;}

#werkstaetten-acc-schr .el-title{color: #842F10;}
@media (min-width: 500px) {
	#werkstaetten-acc-schr .el-title{color: #842F10;}}
#werkstaetten-acc-schr .el-item{background-color:#FFDCB4;}
#werkstaetten-acc-schr .el-link{color: #842F10;}

#werkstaetten-acc-schn .el-title{color: #702342;}
@media (min-width: 500px) {
	#werkstaetten-acc-schn .el-title{color: #702342;}}
#werkstaetten-acc-schn .el-item{background-color:#FADCF0;}
#werkstaetten-acc-schn .el-link{color: #702342;}

#werkstaetten-acc-bm .el-title{color: #3E3361;}
@media (min-width: 500px) {
	#werkstaetten-acc-bm .el-title{color: #3E3361;}}
#werkstaetten-acc-bm .el-item{background-color:#D2D2F0;}
#werkstaetten-acc-bm .el-link{color: #3E3361;}

#werk-pref .uk-tile-muted {
  background-color: #f2f1ed;
  border-radius: 36px;
}

ul{padding-left:17px;}

#tm-dialog-mobile .uk-nav-default > li > .footer-mobile {
	color:#2D2828;
	font-size: 18px;
	font-weight: 300;
}

#tm-dialog-mobile .uk-nav-default > li > .foomob-imp{
padding-top: 25px;
}

#tm-dialog-mobile .uk-nav-default > li > .foomob-kon{
	padding-bottom: 25px;
	    font-family: noway-medium, sans-serif;
    background-color: #B0D0EF;
    color: #002659;
    border-radius: 12px;
    padding: 14px 16px 12px 16px;
}