/*! Style 3.16.1 | https://www.kommunale-fachberatung.de | 2023 YOOtheme */

*, *::before, *::after {
  box-sizing: border-box;
}



body,p,b,small,a,h1,h2,h3,h4,h5 {
font-family: 'Noto Sans' !important;
}

h1 {
 	margin-top:25px; color:black; font-size:1.8em !important;
}

h2 {
	color: black !important;
	}

h4 {
	color: #e3a105 !important;
	}

.uk-button-primary {
  background-color: #0355a6 !important;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover */
.uk-button-primary:hover {
  background-color: #023e7a !important;
  color: #fff;
}

.contactSelect {
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
      background: url("/Pfeil-2.webp") 96% / 15% no-repeat #eee; background-size: 21px 20px;
      width:45%  !important; height:43px !important; border:1px solid #bababa !important;
   	  font-size:0.98em; color: #8c8c8c !important; margin-top:5px; margin-bottom:8px; text-indent:10px !important;
      font-family:'Noto Sans', Arial, sans-serif !important;
      background-color: #fff !important; padding: 0 !important; border-radius: 0;
    	}

.contactField {
    width:98%; height:43px; border:1px solid rgba(207, 207, 207, 1);
    font-size:0.98em; margin-top:5px; margin-bottom:8px; margin-right:40px; text-indent:10px;
    font-family:'Noto Sans', Arial, sans-serif !important;
    }

.contactTextarea {
    padding: 12px 0 0 12px !important;
    width:98%; height:160px; border:1px solid rgba(207, 207, 207, 1); margin-left:0 !important; margin-top:5px;
    margin-bottom:12px; margin-right:40px; font-size:0.97em;
    font-family:'Noto Sans', Arial, sans-serif !important;
    }

.contactSubjectTd {
    padding-left:0!important;
    }

.contactInputTd {
    width:100%; height:30px; padding-left:0 !important; margin-bottom:12px; font-size:0.98em !important;
    }

.focus-visible {
  outline: 2px; border-style: solid !important; border-width: 1px !important; border-radius: 4px; border-color: #ffbb00 !important;
  }

.dont_write {
  vertical-align: bottom;
  width:90px; height:41px; margin-left:10px; margin-top:10px; padding-top:0 !important; border-style:solid;
  border-color: #bababa !important; border-width: 1px; font-size:1.1em; margin-right:40; text-indent:10px !important; }

.contactError {
  text-indent:12px; margin-left:12px; font-size:1.2em; color:red !important;
  }

input[type="submit"] {
    background-color: #1e87f0;
    margin-top:40px;
    margin-bottom:80px;
    text-align: center;
    font-family:'Noto Sans', Arial, sans-serif;
    font-size: 0.98em;
    color: #fff;
    padding: 10px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    }

input[type=submit]:hover {
    background-color: #1560aa;
    }

/* noto-sans-200 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/noto-sans-v27-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-200.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-300 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-300.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-300italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/noto-sans-v27-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-300italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-500 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-500.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-500italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/noto-sans-v27-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-500italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-700italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/noto-sans-v27-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-700italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}


/* ------ Navbar ------ */

.uk-navbar-nav > li > a {
  color: #3a3d37!important;
}

/* pply hover style also to focus state and if dropdown is opened */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a[aria-expanded="true"] {
  color: #0b477e!important;
  outline: none;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  color: #0b477e!important;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  color: #0b477e!important;
}

/* Item
 ========================================================================== */
.uk-navbar-item {
  color: #666;
}

/* Toggle
 ========================================================================== */
.uk-navbar-toggle {
  color: #999;
}
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus,
.uk-navbar-toggle[aria-expanded="true"] {
  color: #666 !important;
  outline: none;
  text-decoration: none;
}


/* ------ Linien ------ */

.ecke {
	border-radius: 5px;
}

.dietollelinie {
  border-style: solid;
  border-color: #ffbb00 !important;
  border-width: 2px;
  }

.dietollelinie-2 {
  border-style: solid;
  border-color: #1560aa !important;
  border-width: 1px;
  }

.border-1 {
  border-style: solid;
  border-width: 2px !important;
  border-color: #e3a105 !important;
  }

.dertollebalken {
    border-style: solid;
    border-width: 4px;
    border-color: #FFAA4D/*#00aa34*/;
    }

/* ------ Label ------ */

.uk-label-praejus {
    background-color: #76B538;
    color:#fff
}

.uk-label-disengagement {
    background-color: #0093c9;
    color:#fff
}

.uk-label-quali {
    background-color: #d37f32;
    color:#fff
}

.uk-label-clearing {
    background-color: #00943a;
    color:#fff
}

.uk-label-beratung {
    background-color: #ed8026;
    color:#fff
}

/* ------ Textfarben ------ */

.uk-link {
  color: #0361a8 !important;
  }

.farbe-Legato-disengagement {
  color: #0093c9 !important;
  }

.farbe-kf {
  color: #FFB300 !important;
  }

.farbe-kf-d {
  color: #e3a105 !important;
  }

.farbe-Legato-quali {
  color: #d37f32 !important;
  }

.farbe-Legato-clearing {
  color: #00943a !important;
  }

.farbe-Legato-beratung {
  color: #ed8026 !important;
  }

.farbe-Legato-gr {
  color: #76B538 !important;
  }

.farbe-Legato-grau {
  color: #807D7D !important;
  }

.farbe-Legato {
  color: #666 !important;
  }

.farbe {
  color: #0b477e !important;
  }

.farbe-zwo {
  color: #9e2325 !important;
  }

.farbe-white {
  color: #f0f0f0 !important;
  }

.farbe-black {
	color: #000000
	}

/* ------ Backgrounds ------ */

.uk-label  {
  background-color: #9e2325 !important;
  color: #fff !important;
}

.back {
	margin: 0 !important;
	background-image: url(Bilder/Punkt.png)!important;
	background-repeat: repeat-x;
	}

.uk-background-footer {
  background: #FFB300 !important;
}

.background-footer {
  background: #ffba19 !important;
}

.uk-back {
  background: #0b477e !important;
}

.uk-muted {
  background-color: #f6f6f6 !important;
  }

.uk-section-muted  {
  background-color: #f6f6f6 !important;
  }

/* ------ Abstände ------ */

.sprung {
	display: block;
	padding-top: 10px !important;
	z-index: 1599;
}

.abstand-logo {
	margin-bottom: 0px !important;
  }

.abstand {
  margin-top: 40px !important;
  }

.abstand-rechts {
	  margin-left: 6px !important;
	  }

.abstand-unten {
  margin-bottom: 6em !important;
  }

.hoch-titel {
	height: 160px;
	top: 0;
}

.hoch-logo {
	height: 400px;
	top: 0;
}

.anker {
	display:block;
	top: -100px !important;
}

.breit {
  width: 100%;
  height: 100%;
  }


/* Phones */
@media (max-width: 450px) {
		.uk-heading-large {
		font-size: 2.25rem; !important;
		margin-top: 50px;
		}
		}

/* Tablet Landscape and bigger */
@media (min-width: 960px) {
		.uk-heading-large {
		font-size: 4rem;
		margin-bottom: 1em !important;
			  }
				}

/* Laptop and bigger */
@media (min-width: 1200px) {
		.uk-heading-large {
		font-size: 6rem;
				}
				}

.ecke-1 {
	border-top-left-radius: 0%;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 25px;
}

.ecke-2 {
	border-top-left-radius: 10px;
	border-top-right-radius: 0%;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 10px;
}

.ecke-3 {
	border-top-left-radius: 10px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 0%;
	border-bottom-right-radius: 10px;
}

.ecke-4 {
	border-top-left-radius: 25px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0%;
}