/* Standard-Linkfarbe: helles Grau, fett */
a {
	color: #b7b8b9;
	font-weight: 700;
}

/* Hover: dunkleres Grau (Pantone 424 / #878889) */
.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
	color: #878889;
	text-decoration: none;
}

/* Links innerhalb der farbigen Boxen/Sections: Weiß, fett */
.uk-section-muted a,
.uk-section-primary a,
.uk-section-secondary a,
.uk-card-default a,
.uk-card-primary a,
.uk-card-secondary a,
.uk-card-hover a,
.uk-card-overlay a,
.uk-tile-default a {
	color: #fff;
	font-weight: 700;
}

/* Hover in den Boxen: helles Grau als Kontrast zur Box-Hintergrundfarbe */
.uk-section-muted a:hover,
.uk-section-primary a:hover,
.uk-section-secondary a:hover,
.uk-card-default a:hover,
.uk-card-primary a:hover,
.uk-card-secondary a:hover,
.uk-card-hover a:hover,
.uk-card-overlay a:hover,
.uk-tile-default a:hover {
	color: #e5e5e7;
}

/* ===== Leistungen-Dropdown (NUR Leistungen) ===== */
/* Breite + Positionierung */
.uk-drop.uk-navbar-dropdown:has(.tm-leistungen) {
  width: 550px !important;
  min-width: 550px !important;
  left: auto !important;
  right: 20px !important;
}

/* Großbuchstaben */
.uk-navbar-dropdown:has(.tm-leistungen) .uk-nav-default a {
  text-transform: uppercase !important;
  font-size: 13px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-style: normal;
  letter-spacing: 0.08em;
}

/* Weniger Abstand zwischen Menüpunkten */
.uk-navbar-dropdown:has(.tm-leistungen) .uk-nav-default > li > a {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  padding-left: 2px !important;
  line-height: 1.5 !important;
  font-weight: 300;
}

/* Unterpunkte ebenfalls enger */
.uk-navbar-dropdown:has(.tm-leistungen) .uk-nav-default ul a {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  line-height: 1.5 !important;
}

/* Hauptpunkte: normal, bei Hover fett */
.uk-navbar-dropdown:has(.tm-leistungen) .uk-nav-default > li > a,
.uk-navbar-dropdown:has(.tm-leistungen) .uk-nav-default > li.uk-parent > a {
  font-weight: 400;
  transition: font-weight 0.15s ease;
}

.uk-navbar-dropdown:has(.tm-leistungen) .uk-nav-default > li > a:hover,
.uk-navbar-dropdown:has(.tm-leistungen) .uk-nav-default > li.uk-parent > a:hover {
  font-weight: 700;
}

/* Spaltenabstand */
.uk-navbar-dropdown:has(.tm-leistungen) .uk-grid {
  margin-left: -40px;
}
.uk-navbar-dropdown:has(.tm-leistungen) .uk-grid > * {
  padding-left: 40px;
}

/* Innenabstand */
.uk-navbar-dropdown:has(.tm-leistungen) .uk-dropdown-grid {
  padding: 24px 32px;
}

/* Zeilenumbruch bei langen Menüpunkten */
.uk-navbar-dropdown:has(.tm-leistungen) .uk-nav li a {
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  line-height: 1.4 !important;
}




/* Navigation */
.uk-navbar-nav > li.uk-active > a {
  font-weight: 800;
}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded="true"] {
  font-weight: 800;
}
.uk-nav-default .uk-nav-sub a {   
font-weight: 400;
color: #B4B5BA; 
}

.uk-nav-default .uk-nav-sub a:hover {   
	font-weight: 800;
    color: #878889;
}

.uk-navbar-dropdown-nav > li > a {
padding: 10px 10px;
color: #878889;
}
.uk-navbar-dropdown-nav .uk-nav-sub a {
	font-weight: 400;
    color: #878889;
}

.uk-navbar-dropdown-nav .uk-nav-sub a:hover {
	font-weight: 800;
    color: #878889;
}

/* Auflistung */ 
.uk-grid { 
    list-style-image: none;
    list-style-type: ">  ";
	} 

ul { 
    list-style-image: none;
    list-style-type: ">  ";
	} 
	
.uk-grid > li::marker,
ul > li::marker {
    color: #878889;
    font-size: 14px;
    font-weight: bold;
}

ol, ul { 
padding-left:17px; 
}

/* Bulletpoints in farbigen Sections/Boxen in Weiß */
.uk-section-muted ul > li::marker,
.uk-section-primary ul > li::marker,
.uk-section-secondary ul > li::marker,
.uk-card-default ul > li::marker,
.uk-card-primary ul > li::marker,
.uk-card-secondary ul > li::marker,
.uk-card-hover ul > li::marker,
.uk-card-overlay ul > li::marker,
.uk-tile-default ul > li::marker {
    color: #fff;
}

/* Buttons */
.button {
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00a3df), color-stop(1, #00a3df));
	background:-moz-linear-gradient(top, #00a3df 5%, #00a3df 100%);
	background:-webkit-linear-gradient(top, #00a3df 5%, #00a3df 100%);
	background:-o-linear-gradient(top, #00a3df 5%, #00a3df 100%);
	background:-ms-linear-gradient(top, #00a3df 5%, #00a3df 100%);
	background:linear-gradient(to bottom, #00a3df 5%, #00a3df 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a3df', endColorstr='#00a3df',GradientType=0);*/
	background-color:#fff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:4px;
	border:1px solid #00a3df;
	border-color: #00a3df;
	display:inline-block;
	cursor:pointer;
	color:#00a3df;
	font-family:Arial;
	font-size:15px;
	padding:5px 20px;
	text-decoration:none;
	transition: 0.3s;
}

.button:hover {
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00a3df), color-stop(1, #00a3df));
	background:-moz-linear-gradient(top, #00a3df 5%, #00a3df 100%);
	background:-webkit-linear-gradient(top, #00a3df 5%, #00a3df 100%);
	background:-o-linear-gradient(top, #00a3df 5%, #00a3df 100%);
	background:-ms-linear-gradient(top, #00a3df 5%, #00a3df 100%);
	background:linear-gradient(to bottom, #00a3df 5%, #00a3df 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a3df', endColorstr='#00a3df',GradientType=0);*/
	background-color:#e6e6e6;
	color: #333;
	border-color: #adadad;
}

/*.uk-button-default {
	background-color:#fff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:4px;
	border:1px solid #00a3df;
	border-color: #00a3df;
	display:inline-block;
	cursor:pointer;
	color:#00a3df;
	font-family:OpenSans;
	font-size:14px;
	font-weight: 400;
	padding:6px 12px;
	text-align: center;
	text-decoration:none;
	transition: 0.3s;
	height: 34px;
}
*/

.uk-button-primary {
font-size: 16px;
}


.button:active {
	position:relative;
	top:1px;
}

/* Graue Boxen */
.uk-section-muted {
	background-color: #878889;
	color: #fff
}

/* Orangene Boxen */
.uk-section-primary {
	background-color: #ee7f00;
	color: #fff
}

/* Blaue Boxen */
.uk-section-secondary {
	background-color: #006ab3;
	color: #fff;
}
/* Headlines innerhalb der farbigen Sections in Weiß */
.uk-section-muted :is(h1, h2, h3, h4, h5, h6),
.uk-section-primary :is(h1, h2, h3, h4, h5, h6),
.uk-section-secondary :is(h1, h2, h3, h4, h5, h6) {
	color: #fff;
}

.primary h1,.primary h2,.primary h3,.primary h4,.primary h5,.primary h6 {
	color: rgba(122, 190, 204, 1);
}

/*Zitate*/
blockquote {	
	color: #6c6d74;
	padding: 10px 20px;
	margin: 0 0 20px;
	letter-spacing: 0.2px;
	border-left: 5px solid #eee;
	border-left-color: rgb(238, 238, 238);
}

blockquote {	
	border-color: #878889;	
}

/*Background Slideshow*/

.slideshow {
background-color: #878889;
}



columns12 {
  column-count: 3;
  column-gap: 36px;
  column-rule: 0px dotted lighten(@major_color 20%);
  column-rule-width: 2px;
  column-width: 330px;
  padding: 0;
}



.columns{-webkit-column-count:3;-webkit-column-gap: 36px; 
	-webkit-column-rule-color: @major_color;
	-wekbit-column-rule-style: dotted;
	-webkit-column-rule: 0px dotted @major_color;
	-webkit-column-rule-width: 2px;
	-webkit-column-width: 330px;
	-moz-column-count: 3;
	-moz-column-gap: 36px; 
	-moz-column-rule: 2px dotted lighten(@major_color 20%);
	-moz-column-rule-width: 2px;
	-moz-column-width: 330px;
	column-count: 3;
	column-gap: 36px; 
	column-rule: 0px dotted lighten(@major_color 20%);
	column-rule-width: 2px;
	column-width: 330px;
	padding: 0;
	}
	
.columns2{-webkit-column-count:2;-webkit-column-gap: 36px; 
	-webkit-column-rule-color: @major_color;
	-wekbit-column-rule-style: dotted;
	-webkit-column-rule: 0px dotted @major_color;
	-webkit-column-rule-width: 2px;
	-webkit-column-width: 330px;
	-moz-column-count: 2;
	-moz-column-gap: 36px; 
	-moz-column-rule: 2px dotted lighten(@major_color 20%);
	-moz-column-rule-width: 2px;
	-moz-column-width: 330px;
	column-count: 2;
	column-gap: 36px; 
	column-rule: 0px dotted lighten(@major_color 20%);
	column-rule-width: 2px;
	column-width: 330px;
	padding: 0;
	}
	
.rahmen {background-color:#cfe4f7;border:solid 0px #605d5c;margin-top:24px;padding:9px;}

.divider_aktuelles{
margin-top: 30px;
margin-bottom: 30px;
border-bottom-width: 1px;
border-top: 0px;
border-bottom-style: dashed;
border-bottom-color: #00a3df;
}

/* 

.uk-grid-item-match > :not([class*="uk-width"]), .uk-grid-match > * > :not([class*="uk-width"]) {
	background: #006ab3;
	color: #fff;
    padding: 20px 20px;
} */

.btn-light:hover, .uk-button-default:hover{
    color: #e5e5e7;    
}

/* Gemeinsame Einstellungen für alle Box-Stile */
.uk-grid-item-match > :is(
    .uk-card-default,
    .uk-card-primary,
    .uk-card-secondary,
    .uk-card-hover,
    .uk-card-overlay,
    .uk-tile-default
):not([class*="uk-width"]),
.uk-grid-match > * > :is(
    .uk-card-default,
    .uk-card-primary,
    .uk-card-secondary,
    .uk-card-hover,
    .uk-card-overlay,
    .uk-tile-default
):not([class*="uk-width"]) {
    color: #fff;
    padding: 20px 20px;
}

/* Text in farbigen Cards vollständig weiß */
.uk-card-primary,
.uk-card-primary > :not([class*="uk-card-media"]),
.uk-card-secondary,
.uk-card-secondary > :not([class*="uk-card-media"]) {
    color: #fff;
}

/* uk-card-default / Blau */
.uk-grid-item-match > .uk-card-default:not([class*="uk-width"]),
.uk-grid-match > * > .uk-card-default:not([class*="uk-width"]) {
    background: #006ab3;
}


/* uk-card-primary / Gelb */
.uk-grid-item-match > .uk-card-primary:not([class*="uk-width"]),
.uk-grid-match > * > .uk-card-primary:not([class*="uk-width"]) {
    background: #fecc00;
	color: #fff;
}


/* uk-card-secondary / Grün */
.uk-grid-item-match > .uk-card-secondary:not([class*="uk-width"]),
.uk-grid-match > * > .uk-card-secondary:not([class*="uk-width"]) {
    background: #97bf0d;
		color: #fff;
}


/* uk-card-hover / Rot */
.uk-grid-item-match > .uk-card-hover:not([class*="uk-width"]),
.uk-grid-match > * > .uk-card-hover:not([class*="uk-width"]) {
    background: #e2001a;
}


/* uk-card-overlay / Grau */
.uk-grid-item-match > .uk-card-overlay:not([class*="uk-width"]),
.uk-grid-match > * > .uk-card-overlay:not([class*="uk-width"]) {
    background: #878889;
}


/* uk-tile-default / Orange */
.uk-grid-item-match > .uk-tile-default:not([class*="uk-width"]),
.uk-grid-match > * > .uk-tile-default:not([class*="uk-width"]) {
    background: #ee7f00;
}


/* Überschriften */
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge {
    color: #fff;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 500;
}

/* Überschriften nur innerhalb der farbigen Boxen */
.uk-card-default :is(h1, h2, h3, h4, h5, h6),
.uk-card-primary :is(h1, h2, h3, h4, h5, h6),
.uk-card-secondary :is(h1, h2, h3, h4, h5, h6),
.uk-card-hover :is(h1, h2, h3, h4, h5, h6),
.uk-card-overlay :is(h1, h2, h3, h4, h5, h6),
.uk-tile-default :is(h1, h2, h3, h4, h5, h6) {
    color: #fff;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 500;
}


/* Standard-Button */
.uk-button-default {
    background: #878889;
    color: #fff;
    border: 1px solid #878889;
    border-radius: 0;
    padding: 8px 20px;
}

/* Hover und Fokus */
.uk-button-default:hover,
.uk-button-default:focus {
    background: #e5e5e7;
    color: #000;
    border-color: #e5e5e7;
}

/* Logo-Kachel */
.uk-tile-primary {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;
    border: 1px solid #878889;
    padding: 18px;
    min-height: 145px;

    color: inherit;
    text-decoration: none;
}

/* Einblendende Hover-Fläche */
.uk-tile-primary::before {
    content: "";
    position: absolute;
    inset: 0;

    background: #878889;

    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.35s ease;
}

/* Von rechts nach links einblenden */
.uk-tile-primary:hover::before,
.uk-tile-primary:focus::before {
    transform: scaleX(1);
}

/* Logo über der Hover-Fläche halten */
.uk-tile-primary img {
    position: relative;
    z-index: 1;

    display: block;
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
}

/* Optional: dezenter Schatten */
.uk-tile-primary:hover,
.uk-tile-primary:focus {
    color: inherit;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}