p {
	margin-bottom: 0;
}

img {
	object-fit: cover;
}

.uk-section-muted + .uk-section-primary .style-1,
.uk-section-muted + .uk-section-primary .style-2,
.uk-section-primary + .uk-section-muted .style-1,
.uk-section-primary + .uk-section-muted .style-2,
.uk-section-muted + .uk-section-secondary .style-1,
.uk-section-muted + .uk-section-secondary .style-2,
.uk-section-secondary + .uk-section-muted .style-1,
.uk-section-secondary + .uk-section-muted .style-2 {
	outline-color: #f0f0f0;
}

.big-accordion {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 15px;
}

.big-accordion .el-title {
	font-family: "Play";
	font-size: 1.5em;
	color: #0065ae;
}

.uk-slider .uk-slidenav {
	color: white;
	background-color: #0065ae;
	border: 2px solid white;
}

.uk-slider .uk-slidenav:hover {
	color: #0065ae;
	background-color: white;
}

.uk-logo img {
	width: 280px;
	min-width: 210px;
}

.image-border-gray img {
	border: 2px solid #f0f0f0;
}

.uk-offcanvas form[role="search"] {
	margin-top: 30px;
	transition: all 1s;
}

.uk-offcanvas form[role="search"] .uk-search-input {
	background-color: white;
}

.uk-offcanvas .uk-grid-stack {
	flex-direction: column-reverse;
}

.uk-offcanvas-close {
	color: #0065ae;
}

.uk-modal .uk-close svg {
	color: white;
}

.uk-sticky[sel-target=".uk-navbar-container"] {
	box-shadow: 0 1px 4px 0 rgba(14, 14, 14, 0.1);
}

/* Dropdown Width-Fix */
.uk-navbar-dropdown {
	z-index: -1;
	width: 100% !important;
	padding-left: 0;
	padding-right: 0;
}

.uk-navbar-dropdown:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 110%;
	margin-left: -5%;
	height: 100%;
	background: #f0f0f0;
	box-shadow: 0 1px 4px 0 rgba(14, 14, 14, 0.1);
}

/* Fix divider position */
.uk-navbar-dropdown-grid>:not(.uk-first-column)::before {
    left: 24px;
}

/* IE11 does not unterstand 'align-items: center' if element has no height set */
.uk-modal-dialog.uk-flex-center {
	height: 100%;
}

/* Radio button styling */

.uk-checkbox,
.uk-radio,
input[type=checkbox]:not([class*=uk-]), input[type=radio]:not([class*=uk-]) {
	background-color: white;
	border: 2px solid #f5f5f5;
	box-sizing: content-box;
}

.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-radio:checked,
input[type=checkbox]:not([class*=uk-]):checked,
input[type=checkbox]:not([class*=uk-]):indeterminate,
input[type=radio]:not([class*=uk-]):checked {
	border-color: #0065ae;
	background-color: #0065ae;
}

.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus,
.uk-radio:checked:focus,
input[type=checkbox]:not([class*=uk-]):checked:focus,
input[type=checkbox]:not([class*=uk-]):indeterminate:focus,
input[type=radio]:not([class*=uk-]):checked:focus {
	border-color: #0065ae;
	background-color: #0065ae;
}

/* Layout */

#breadcrumbs {
	padding-top: 0;
}

.uk-breadcrumb {
	float: right;
}

#teaser {
	margin-top: -90px; /* Pull teaser above slideshow */
}

#teaser .uk-first-column .uk-tile:after {
	content: "";
	z-index: 10;
	position: absolute;
	top: 0;
	right: -2px;
	display: block;
	width: 4px;
	height: 100%;
	background: #fff;
}

/* Triangle used to fill the gap under the footer */
#footer:after {
	content: "";
	display: block;
	position: absolute;
	height: 3.1vw;
	background: #0065ae;
	right: 0;
	bottom: 0;
	width: 50%;
	z-index: 15;
	transform-origin: 100% 0%;
	transform: skewY(-3.5deg);
}

/* Put element over footer skew element */
#footer-social {
    z-index: 60;
    position: relative;
    background: #3384be;
}

#footer-social .uk-container {
	margin-top: -50px;
}

#footer-social p {
	margin: 0;
}

#footer-social .partner-logo img {
	width: 100%;
	height: 100px;
    padding: 1.5rem 2rem;
	background: #fff;
	object-fit: contain;
}

#social-icons-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100px;
	max-width: 373px;
	margin: auto;
}

#social-icons-container .icon {
	width: 65px;
	height: 65px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px 40px;
	border: 1px solid white;
	border-radius: 15px;
}

#social-icons-container .icon.facebook {
	background-image: url('../../../images/design/icons/facebook-f.svg');
    background-color: #3B5998;
}

.color-facebook svg { color: #3B5998; }

#social-icons-container .icon.youtube {
	background-image: url('../../../images/design/icons/youtube.svg');
    background-color: #cc181e;
}

.color-youtube svg { color: #cc181e; }


#social-icons-container .xing {
	background-image: url('../../../images/design/icons/xing.svg');
    background-color: #026466;
}

.color-xing svg { color: #026466; }


#social-icons-container .pinterest {
	background-image: url('../../../images/design/icons/pinterest.svg');
    background-color: #d50c22;
}

.color-pinterest svg { color: #d50c22; }


#social-icons-container .instagram {
	background-image: url('../../../images/design/icons/instagram.svg');
    background-color: #fb3958;
}

.color-instagram svg { color: #fb3958; }


#footer-copyright {
	position: relative; /* Put element over footer skew */
	z-index: 60;
}

/* Sections / Margins */

.uk-section-secondary,
.uk-tile-secondary {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0065ae+40,408cc2+100 */
	background: #0065ae; /* Old browsers */
	background: -moz-linear-gradient(left, #0065ae 40%, #408cc2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0065ae 40%,#408cc2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0065ae 40%,#408cc2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065ae', endColorstr='#408cc2',GradientType=1 ); /* IE6-9 */
}

.uk-margin-medium {
	margin-top: 40px;
	margin-bottom: 40px;
}

.uk-margin-large {
	margin-top: 65px;
	margin-bottom: 65px;
}

.uk-margin-xlarge {
	margin-top: 130px;
	margin-bottom: 130px;
}

/* Skew container */
.skewed {
	position: relative;
	background: none;
}

/* Skew child overlaying */
.skewed .uk-container {
	position: relative;
	z-index: 10;
}

/* Skew element */
.skewed:before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	padding-bottom: 1px; /* Fix gap aliasing */
	margin-top: -0.5px; /* Fix gap aliasing */
	transform: skewY(-3.5deg);
	z-index: 0;
	background-color: white;
}

.skewed.uk-section-muted:before {
	background-color: #f0f0f0;
}

.skewed.uk-section-muted:before {
	background-color: #f0f0f0;
}

.skewed.uk-section-secondary:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0065ae+40,408cc2+100 */
	background: #0065ae; /* Old browsers */
	background: -moz-linear-gradient(left, #0065ae 40%, #408cc2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0065ae 40%,#408cc2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0065ae 40%,#408cc2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065ae', endColorstr='#408cc2',GradientType=1 ); /* IE6-9 */
}

.skewed.uk-section-primary:before {
	background-color: #0065ae;
}

/* Flex Content Grid */

.grid-thirds-2-1 .uk-width-2-3\@m,
.grid-thirds-1-2 .uk-width-2-3\@m {
	flex-wrap: wrap;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
}

.grid-thirds-2-1 .uk-width-2-3\@m > div:nth-child(1) {
	margin-right: 20px;
	flex: 1;
}

.grid-thirds-2-1 .uk-width-2-3\@m > div:nth-child(2) {
	margin-left: 20px;
	flex: 1;
}

.grid-thirds-2-1 .uk-width-2-3\@m > div:nth-child(3) {
	margin-top: 0 !important;
	width: 100%;
}

.grid-thirds-1-2 .uk-width-2-3\@m > div:nth-child(1) {
	width: 100%;
}

.grid-thirds-1-2 .uk-width-2-3\@m > div:nth-child(2) {
	margin-right: 20px;
	flex: 1;
}

.grid-thirds-1-2 .uk-width-2-3\@m > div:nth-child(3) {
	margin-left: 20px;
	flex: 1;
}

.grid-thirds-2-1 .uk-width-2-3\@m .panel-with-padding,
.grid-thirds-1-2 .uk-width-2-3\@m .panel-with-padding {
	padding: 0;
}

.grid-thirds-2-1 .uk-width-2-3\@m .panel-with-padding > *,
.grid-thirds-1-2 .uk-width-2-3\@m .panel-with-padding > * {
	padding: 0 15px;
}

.grid-thirds-2-1 .uk-width-2-3\@m .panel-with-padding > *:last-child,
.grid-thirds-1-2 .uk-width-2-3\@m .panel-with-padding > *:last-child {
	padding-bottom: 15px;
}

.grid-thirds-2-1 .uk-width-2-3\@m .panel-with-padding .el-title {
	margin-top: 15px !important;
}

/* Panel with Image */

.uk-card-image-cover {
	height: 280px;
	background-size: cover;
	background-position: center center;
}

.panel-high .uk-card-image-cover {
	height: 645px;
}

.uk-card .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgb(0,101,147);
	opacity: 0.0;
	transition: 0.5s opacity;
	cursor: pointer;
}

.uk-card:hover .overlay  {
	opacity: 0.3;
}

/* Slideshow */

#custom-slideshow .imageLink {
    z-index: 25;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* Slider */

/*.uk-slider.custom {
	min-height: 180px;
}*/

.uk-slider.custom .uk-cover-container {
	display: flex;
	overflow: visible;
}

.uk-slider.custom .uk-panel {
	position: relative !important;
	flex: 1;
	margin-left: 1.5rem;
	padding: 0;
}

.uk-slider.custom .sliderImage {
	position: relative;
	width: 140px;
	height: 140px;
	background-position: center center;
	background-size: cover;
}

.uk-slider.custom .el-meta {
	position: absolute;
	top: 120px;
	left: 0;
	width: 100%;
	text-align: center;
}

.uk-slider.custom .el-meta span {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	color: #fff;
	font-size: 0.8rem;
	font-weight: bold;
	background: #EB271E;
	outline: 3px solid #fff;

	transform: rotate(-3deg);
}

/* List */

.iconList .el-image {
	width: 80px;
	height: 80px;
	background-color: #fff;
}

.uk-section-default .iconList .el-image {
	background-color: #f0f0f0;
}

.iconList svg * {
	fill: #0065AE;
}

/* Accordion */

.uk-section-muted .uk-accordion > :nth-child(n+2) {
	border-color: #fff;
}

/* Search */

#header-search .uk-search {
	position: absolute;
	width: 300px;
	top: 20px;
	right: 0;
	z-index: 30;
}

.uk-search-input::placeholder,
.uk-search-input::-webkit-input-placeholder,
.uk-search-input::-moz-placeholder,
.uk-search-input::-ms-input-placeholder {
	color: #BEC9CD;
	opacity: 1;
}

.uk-search-default {
	width: 100%;
}

#header .uk-search-default {
	width: 250px;
}

.uk-search-input {
	border: 4px solid #BEC9CD;
	transition: border-color 0.5s;
}

.uk-search-input:focus {
	border-color: #0065ae;
}

/* Search Page */

#search-searchword {
	color: #0065ae;
	background-color: white;
	border: 2px solid #BEC9CD;
}

#search-searchword:focus {
	border-color: #0065ae;
}

#searchForm .column {
	padding: 0px;
}

#searchForm .column:first-child {
	flex: 2;
}

#searchForm .search-button {
	width: 100%;
	height: 100%;
}

#searchForm .searchintro p {
	margin: 0;
}

#searchForm .controls {
	display: flex;
	flex-direction: column;
}

#searchForm .controls label {
	padding: 0;
}

#searchForm .controls label input {
	margin-right: 10px;
}

.search .uk-article {
	padding: 40px 0;
	margin: 0;
}

.search .uk-article:not(:last-of-type) {
	border-bottom: 2px solid #eeeeee;
}

.search .uk-article-title {
	margin-bottom: 12px !important;
}

.search span.highlight {
	background-color: rgb(255,250,200);
	outline: 2px solid rgb(255,235,180);
	mix-blend-mode: multiply;
}

/* Newsletter */

.clever_form_error,
.clever_form_error > input {
	border-color: red !important;
}

.clever_col { position: relative; }

.clever_col .small {
	display: block;
	margin-top: 0.5rem;
	font-size: 0.8rem;
	line-height: 1.3;
}

.clever_col .data_policy {
   margin-top: 0.5rem;
}

.cr_ipe_item {
	margin-bottom: 5px;
}

.submit_container {
	position: absolute;
	bottom: 0;
}

/* Timeline */

.jux-tl-info {
	border-radius: 0px !important;
	background: #0065ae;
	padding: 20px 30px;
	transform: rotate(-3.5deg);
    outline: 4px solid #fff;
}

.jux-tl-item.right .arrow,
.jux-tl-item.left .arrow {
	display: none;
}

.uk-h2, h2{
	font-size: 20px;
}

h2.jux-tl-title{
	margin-top: 15px;
	margin-bottom: 15px;
}

.jux-tl-item h2 a{
	color:#ffffff !important;
}

.jux-tl-item .jux-tl-desc {
	color: #ffffff;
}

/* Kontaktformular */

.rsform-block .uk-radio, .rsform-block .uk-checkbox { margin-right: 8px; }

.rsform-block-teilnahme label[for="teilnahme1"] { margin-left: 15px; }

/* OS Map */

#osmap-li-uid-joomla-article-46, #osmap-li-uid-joomla-article-45 {
	display: none;
}

@media only screen and (max-width: 1600px) {

	#teaser {
		margin-top: 0;
	}

	.uk-flex-column\@xl {
		flex-direction: column;
	}
}

@media only screen and (max-width: 1200px) {

	.uk-navbar-nav > li > a {
		padding: 0 10px;
		font-size: 16px;
	}

	.uk-h1, h1 {
		font-size: 36px;
	}

	.uk-h2, h2 {
		font-size: 28px;
	}

	.uk-h3, h3 {
		font-size: 26px;
	}

	.grid-thirds-2-1 .uk-width-2-3\@m > div:nth-child(1),
	.grid-thirds-1-2 .uk-width-2-3\@m > div:nth-child(2) {
		margin-right: 12.5px;
	}

	.grid-thirds-2-1 .uk-width-2-3\@m > div:nth-child(2),
	.grid-thirds-1-2 .uk-width-2-3\@m > div:nth-child(3) {
		margin-left: 12.5px;
	}

	.uk-flex-column\@l {
		flex-direction: column;
	}
}

@media only screen and (max-width: 960px) {

	.uk-h1, h1 {
		font-size: 28px;
	}

	.uk-h2, h2 {
		font-size: 24px;
	}

	.uk-h3, h3 {
		font-size: 20px;
	}

	.uk-h4, h4 {
		font-size: 18px;
	}

	.uk-margin-large {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.uk-margin-xlarge {
		margin-top: 65px;
		margin-bottom: 65px;
	}

	.uk-offcanvas-bar { padding: 30px 20px; }

	.uk-nav > li { border-bottom: 2px solid #ccc; }
	.uk-nav > li:first-child { top-bottom: 2px solid #ccc; }

	.uk-nav li.uk-parent { position: relative; }

	.uk-nav li.uk-parent:after {
		content: "+";
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 53px;
		font-size: 30px;
		color: #ccc;
		text-align: center;
		cursor: pointer;
	}

	.uk-nav li.uk-parent.show:after {
		content: "-";
	}

	.uk-nav ul.uk-nav-sub {
		display: none;
		padding: 0 0 15px 0;
	}

	.uk-nav ul.uk-nav-sub.show { display: block; }

	.uk-nav ul.uk-nav-sub a {
		font-size: 17px;
	}

	#footer-social .uk-container {
		margin-top: 40px; /* Restore margin */
	}

	#footer-social .partner-logo {
		text-align: center;
	}

	#footer-social .partner-logo img {
    	max-width: 310px;
	}

	#footer-social .social-icons {
		margin: 25px auto;
		max-width: 400px;
	}

	#footer-social .social-icons .uk-first-column {
		padding: 0;
	}

	#teaser {
		margin-top: 0;
	}

	#teaser .uk-first-column .uk-tile {
		margin: 0 0 2rem 0;
	}

	#teaser .uk-first-column .uk-tile:after {
		display: none;
	}

    #teaser .uk-first-column:last-child .uk-tile {
		margin-bottom: 0;
	}

	.panel-high .uk-card-image-cover {
		height: 280px;
	}

	.uk-flex-column\@m {
		flex-direction: column;
	}

	.jux-tl-info {
		transform: none !important;
	}

	.submit_container {
		position: relative;
		bottom: auto;
		margin-top: 1.5rem;
	}
}

@media only screen and (max-width: 640px) {

	html {
		font-size: 15px;
	}

	.uk-logo img { width: 220px; }

	.btn, .uk-button {
		font-size: 15px;
		/* padding-top: 7px;
		padding-bottom: 7px; */
	}

	.uk-accordion-title {
		font-size: 18px;
	}

	.tm-header-mobile-slide .uk-padding {
		padding: 0 15px 25px 15px;
	}

	.mobile-no-outer-padding .uk-container {
		padding-left: 0;
		padding-right: 0;
	}

	.uk-dotnav {
		margin-top: 15px !important;
	}

	/*.uk-navbar-toggle { min-height: 100%; }*/

	.uk-navbar-container.uk-navbar {
		height: 75px;
	}

	#header-search .uk-search {
		width: auto;
		right: 0;
		left: 0;
	}

	#header {
		height: 160px;
		padding-bottom: 0;
	}

	#header .el-image {
		height: 160px;
	}

	#breadcrumbs {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}

	.uk-breadcrumb {
		float: none;
	}

	/* Needed padding on mobile view */
    .skewed.uk-padding-remove-top > .uk-container {
        padding-top: 40px !important;
    }

    .uk-section-large {
    	padding-top: 40px;
    	padding-bottom: 40px;
    }

    .uk-margin-xlarge {
    	margin-top: 0;
    }

	.uk-slider .uk-panel .el-title {
		margin-bottom: 15px;
	}

	.uk-slider .uk-panel .el-content {
		margin-top: 0 !important;
	}

	.uk-slider.custom .uk-cover-container {
		flex-direction: column;
	}

	.uk-slider.custom .sliderImage {
		width: 100%;
		height: 160px;
		margin-bottom: 35px;
	}

	.uk-slider.custom .uk-panel { margin-left: 0; }

	.uk-slider.custom .uk-cover-container .el-meta { top: 140px; }

	.uk-slider.custom .uk-cover-container .el-meta span {
		outline-width: 2px;
		font-size: 1rem;
	}

	/* Triangle used to fill the gap under the footer */
	#footer:after {
		display: none;
	}

	#footer .uk-grid-margin {
		margin-top: 0;
	}

	.skewed:before {
		transform: none;
	}

	.uk-h1, h1 {
		font-size: 24px;
	}

	.uk-h2, h2 {
		font-size: 20px;
	}

	.style-2:not(.footer-heading) {
		margin-top: -0.85rem;
	}

	.uk-h3, h3 {
		font-size: 17px;
	}

	.uk-h4, h4 {
		font-size: 15px;
	}

	.grid-thirds-2-1 .uk-width-2-3\@m > div:nth-child(1),
	.grid-thirds-1-2 .uk-width-2-3\@m > div:nth-child(2),
	.flex > div:nth-child(1) {
		flex: none;
		margin-right: 0;
		width: 100%;
	}

	.grid-thirds-2-1 .uk-width-2-3\@m > div:nth-child(2),
	.grid-thirds-1-2 .uk-width-2-3\@m > div:nth-child(3),
	.flex > div:nth-child(2) {
		flex: none;
		margin-left: 0;
		width: 100%;
	}

	.uk-card-image-cover,
	.panel-high .uk-card-image-cover {
		height: 160px;
	}

	.uk-flex-column\@s {
		flex-direction: column;
	}

	.iconList .el-image	{
		width: 60px;
		height: 60px;
	}
}

@media only screen and (max-width: 450px) {

	.uk-navbar-toggle { min-height: 65px; }


	#social-icons-container {
		max-width: 310px;
	}

	#social-icons-container .icon {
	   width: 50px;
	   height: 50px;
	   background-size: 25px 25px;
   }

	.small-on-mobile .el-item,
	.small-on-mobile .el-image {
		width: 100%;
		height: 100%;
	}

	@media only screen and (max-width: 640px) {
		.small-on-mobile .el-image {
			height: 140px;
		}
	}
}
