@font-face {
    font-family: 'Avenir';
    src: url('fonts/AvenirLTW01-85Heavy.eot');
    src: url('fonts/AvenirLTW01-85Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTW01-85Heavy.woff2') format('woff2'),
        url('fonts/AvenirLTW01-85Heavy.woff') format('woff'),
        url('fonts/AvenirLTW01-85Heavy.ttf') format('truetype'),
        url('fonts/AvenirLTW01-85Heavy.svg#AvenirLTW01-85Heavy') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('fonts/AvenirLTW01-95Black.eot');
    src: url('fonts/AvenirLTW01-95Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTW01-95Black.woff2') format('woff2'),
        url('fonts/AvenirLTW01-95Black.woff') format('woff'),
        url('fonts/AvenirLTW01-95Black.ttf') format('truetype'),
        url('fonts/AvenirLTW01-95Black.svg#AvenirLTW01-95Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('fonts/AvenirLTW01-55Roman.eot');
    src: url('fonts/AvenirLTW01-55Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTW01-55Roman.woff2') format('woff2'),
        url('fonts/AvenirLTW01-55Roman.woff') format('woff'),
        url('fonts/AvenirLTW01-55Roman.ttf') format('truetype'),
        url('fonts/AvenirLTW01-55Roman.svg#AvenirLTW01-55Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('fonts/AvenirLTW01-65Medium.eot');
    src: url('fonts/AvenirLTW01-65Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTW01-65Medium.woff2') format('woff2'),
        url('fonts/AvenirLTW01-65Medium.woff') format('woff'),
        url('fonts/AvenirLTW01-65Medium.ttf') format('truetype'),
        url('fonts/AvenirLTW01-65Medium.svg#AvenirLTW01-65Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('fonts/AvenirLTW01-35Light.eot');
    src: url('fonts/AvenirLTW01-35Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTW01-35Light.woff2') format('woff2'),
        url('fonts/AvenirLTW01-35Light.woff') format('woff'),
        url('fonts/AvenirLTW01-35Light.ttf') format('truetype'),
        url('fonts/AvenirLTW01-35Light.svg#AvenirLTW01-35Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

::selection {
	color: white;
	background: #004495;
}

body {
	font-family: "Avenir" !important;
	background: #ebeff5;
}

p, h1, h2, h3, h4, h5, h6 {
	font-family: "Avenir" !important;
}

a {
	color: #004495;
	font-family: "Avenir" !important;
}

a:hover {
	color: #004495 !important;
}

#sp-top-bar {
	background: #004495;
	height: 60px;
}

.mod-finder, .sp-sign-in, .sp-contact-info, .social-icons {
	display: none !important;
}

#sp-menu .justify-content-end {
	justify-content: center !important;
  margin-left: -150px;
}

.videos .uk-article .uk-margin,
.videos .uk-article .uk-subnav{
	display: none !important;
}

.button-blue {
	color: white;
	width: 150px;
	background: #004495;
	margin-bottom: 10px;
	border: none;
	padding: 10px;
	height: 50px;
	font-weight: 400;
	font-size: 15px;
	border-radius: 2px;
	font-family: "Avenir" !important;
}

.button-red {
	color: white;
	width: 150px;
	background: #004495;
	border: none;
	padding: 10px;
	height: 50px;
	font-weight: 400;
	font-size: 15px;
	border-radius: 2px;
	font-family: "Avenir" !important;
}

.button-grey {
	color: #004495;
	width: auto;
	background: white;
	border: none;
	height: 40px;
	font-size: 17px;
	font-weight: 500;
	font-family: "Avenir" !important;
	margin-left: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 2px;
	transition: 0.3s ease;
}

.button-grey:hover {
	background: #e3e3e3;
	transition: 0.3s ease;
}

footer {
	background: #c6c9ce !important;
}

footer .container-inner {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

#footer-links {
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer-links-impressum a {
	color: #949699;
	margin-right: 20px;
}

@media (max-width: 588px) {
	.footer-links, .footer-links-impressum, #footer-links {
		width: 100%;
		text-align: center;
		line-height: 2;
	}
}

.footer-links a.footer-link-iage {
    color: #949699;
}

.footer-links a.footer-link-klima {
    color: #949699;
    margin-left: 10px;
}

.footer-links a.footer-link-iage span {
    background-image: url("icons/iage-logo-grau.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    height: 22px;
    margin-left: 5px;
    margin-right: 10px;
    width: 33.9px;
    vertical-align: middle;
}

.footer-links a.footer-link-iage:hover span {
    background-image: url("icons/iage-logo-schwarz.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    height: 22px;
    margin-left: 5px;
    margin-right: 10px;
    width: 33.9px;
    vertical-align: middle;
}

.footer-links a.footer-link-iage:hover,
.footer-links a.footer-link-klima:hover {
    color: #000 !important;
    text-decoration: none;
}

.footer-links a.footer-link-klima span {
    background-image: url("icons/klimafreundlich-grau.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    height: 22px;
    margin-bottom: 0;
    margin-left: 5px;
    opacity: 0.7;
    width: 22.6px;
    vertical-align: middle;
}

.footer-links a.footer-link-klima:hover span {
    background-image: url("icons/klimafreundlich-gruen.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    height: 22px;
    margin-bottom: 0;
    margin-left: 5px;
    opacity: 1;
    width: 22.6px;
    vertical-align: middle;
}

header {
	border-bottom: 3px solid #004495;
}

.sp-megamenu-parent a {
	font-size: 21px !important;
  font-weight: bold;
  color: #a1a1a1 !important;
  transition: 0.3s ease;
}
.sp-megamenu-parent a {
	position: relative;
  	top: -20px;
}

@media screen and (min-width: 999px) {
	#offcanvas-toggler {
		display: none !important;
	}
}

#submenu .menu li {
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
}

#submenu > .sp-module {
	margin-left: 25%;
}

#submenu {
	position: relative;
  	top: -40px;
}

#submenu .menu {
	margin-left: 30px;
}


.sp-megamenu-parent .sp-menu-item {
	margin-top: -30px;
}

#submenu a {
	color: #a1a1a1 !important;
  transition: 0.3s ease;
	font-weight: 500;
	font-size: 17px !important;
}

.sp-menu-item a:hover, #submenu a:hover {
	color: #004495 !important;
}

.sp-megamenu-parent a, .sp-megamenu-parent li {
	max-height: 110px;
}

.current-item a {
	color: #004495 !important;
	font-weight: bold !important;
}

#sp-right h3.sp-module-title {
	color: #004495 !important;
  	font-style: italic;
	font-size: 30px !important;
	font-weight: 400 !important;
}

#sp-section-2 {
	margin-top: 80px;
}

.uk-button {
	background: #949699 !important;
	color: #fff !important;
	border-radius: 2px !important;
	border: none !important;
	font-size: 15px !important;
	transition: 0.3s ease !important;
	text-transform: none !important;
}

.uk-button:hover {
	background: #004495 !important;
	border: none !important;
	color: #fff !important;
}

.uk-button-primary {
	background: #004495 !important;
	text-transform: none !important;
	font-size: 15px !important;
	transition: 0.3s ease !important;
	transition: 0.6s ease-in !important;
}

.uk-button-primary:hover {
	background: #004495 !important;
	transform: none !important;
}

.uk-button-primary:active {
	background: #004495 !important;
}

.uk-button-primary a {
	color: #fff;
}

.uk-button-primary a:hover {
	color: #fff !important;
}

.uk-overlay-primary, .uk-overlay-primary h3 {
  background: #ffffff !important;
	color: #555454 !important;
}

#sp-right .sp-module {
	border: none !important;
}

@media (min-width: 992px) {
  .col-lg-8 {
    flex: 0 0 auto;
    width: 75%;
  }
}

@media (min-width: 992px) {
  .col-lg-4 {
    flex: 0 0 auto;
    width: 25%;
  }
}

#sp-right img {
	width: 100%;
}

#sp-right .layout-uikit {
	background: #004495 !important;
	color: white !important;
}

#sp-right .uk-nbfc {
	background: #004495 !important;
	padding: 15px;
}

#sp-right .uk-h5 a {
	color: white !important;
}

ul.zoo-list > li {
	border-top: none !important;
	margin-top: 15px;
}

#sp-right .sp-module .sp-module-title {
	padding: 0px !important;
	margin-bottom: 20px !important;
	border-bottom: none !important;
}

article .uk-subnav {
	display: none;
}

.uk-width-1-3 article {
	width: 30%;
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
	background: white;
  	margin-bottom: 30px;
}


.yoo-zoo h1.uk-article-title {
	font-size: 28px !important;
  line-height: 40px !important;
	color: #555454 !important;
}

.uk-width-1-3 article > h1, .uk-width-1-3 article > .uk-margin, .uk-width-1-3 article > p {
	margin-left: 20px;
  	margin-right: 20px;
}

.uk-width-1-3 article > h1 {
	margin-top: 20px;
}

.uk-width-1-3 article > p {
	margin-bottom: 20px;
}

.uk-width-1-3 article .element-image {
	margin-left: 0px;
  	margin-right: 0px;
}

body {
	color: #555454;
}

article {
	background: white;
}

article .element-image {
	width: 100%;
}

ul.zoo-list > li {
  margin-top: 25px;
}

@media screen and (max-width: 1000px) {
	#submenu {
		display: none;
	}
	
	#sp-menu .justify-content-end {
  justify-content: end !important;
  margin-left: -150px;
}
}


@media screen and (max-width: 1000px) {
	.uk-width-1-3 article {
		width: 100%;
	}
}

@media screen and (min-width: 1001px) and (max-width: 1500px) {
	.uk-width-1-3 article {
		width: 47%;
	}
}

@media (max-width: 575px) {
  #sp-header {
    height: 60px;
  }
}

@media screen and (max-width: 1199px) {
	#submenu > .sp-module {
	  margin-left: 15%;
	}
}