@font-face {
    font-family: 'globerbold';
    src: url('fonts/Glober-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'globerbook';
    src: url('fonts/Glober-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body {
	height: 100%;
}

html {
    font-family: 'globerbook', Arial, sans-serif !important;
    font-size: 1.2rem;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body {
	/*padding: 0 15px 15px 15px;*/
}

b, strong {
	font-family: 'globerbold', Arial, sans-serif !important;
}

.uk-navbar-nav>li>a {
	font-family: 'globerbook', Arial, sans-serif !important;
	font-weight: normal !important;
	/*min-height: 60px;*/
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'globerbook', Arial, sans-serif !important;
	font-weight: normal !important;
/*	font-size: 14px !important;*/
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    color: #a2bd41 !important;
}

a {
	color: #444 !important;
	text-decoration: none !important;
}

hr {
	border-top: 1px solid #c9c9c9 !important;
	margin: 50px 0 !important;
}



.ksp-slider-xlarge {
height: 640px;
}

.ksp-slider-image {
height: 100%;
width: auto;
max-width: 300%;
}

.ksp-slider-margin {
margin-right: -16px;
margin-left: -16px;
}

.projekt-headline {
	padding: 4rem;
	background: rgba(255,255,255,.9);
	margin: 0;
}
/*
.textfeld {
	padding: 0 0 0 4rem;
}*/

.uk-overlay-default {
	background: rgba(0, 0, 0, 0.7) !important;
}

.uk-modal-dialog {
  border: none !important;
  outline: none !important;
}

#page_overlay {
    position: fixed;
    z-index: 1999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.alt-nav #prev {
	float: none !important;
	position: absolute;
	top: 45%;
	left: 50px;
}

.alt-nav #next {
	float: none !important;
	position: absolute;
	top: 45%;
	right: 20px;
}

.uk-grid-mini {
	margin-left: -10px !important;
}

.uk-grid-mini>* {
	padding-left: 5px !important;
}

.uk-grid-mini img {
	max-width: none !important;
	max-height: 100% !important;
}

.uk-height-viewport {
	height: calc(100vh - 80px) !important;
}

.masonry-item {
  box-sizing: border-box !important;
  border: 2px solid #fff;
}


*+.uk-grid-margin-small, .uk-grid+.uk-grid-row-small, .uk-grid+.uk-grid-small, .uk-grid-row-small>.uk-grid-margin, .uk-grid-small>.uk-grid-margin {
margin-top: 5px;
}

.uk-grid-column-small, .uk-grid-small {
margin-left: -16px;
}

.uk-grid-column-small>*, .uk-grid-small>* {
padding-left: 16px;
}

/********************/
.gallery {
    position: relative;
    max-height: 700px;
}

.gallery.small {
    max-height: 300px
}

.gallery .slick-slider {
    position: relative
}

.gallery .slick-slider .slick-prev, .gallery .slick-slider .slick-next {
    position: absolute;
    top: 5px;
    bottom: 5px;
    z-index: 1;
    font-family: FontAwesome;
    content: '\f104';
    padding: 20px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 80px;
    font-weight: 100;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.8);
    transition-duration: 300ms
}

.gallery .slick-slider .slick-prev:hover, .gallery .slick-slider .slick-next:hover {
    background: rgba(0, 0, 0, 0.2);
    transition-duration: 300ms
}

.gallery .slick-slider .slick-prev {
    left: 0
}

.gallery .slick-slider .slick-next {
    right: 0
}

.gallery .slick-slide {
    outline: 0 !important;
    height: auto
}

.gallery .slick-slide img {
    margin: 5px
}

.slick-slide img {
	opacity: 0.3;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.slick-active img, .slick-center img {
	opacity: 1;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

@media only screen and (max-width:1200px) {
    .gallery {
        max-height: 500px
    }

    .gallery .slick-slider .slick-slide img {
        max-height: 500px
    }
}

@media only screen and (max-width:860px) {
    .gallery {
        max-height: 400px
    }

    .gallery .slick-slider .slick-slide img {
        max-height: 400px
    }
}


@media only screen and (max-width:700px) {
    .gallery {
        max-height: 300px
    }

    .gallery .slick-slider .slick-slide img {
        max-height: 300px
    }
}

/**********************/






.uk-subnav {
	margin-top: 0 !important;
/*	padding-left: 45px !important;*/
}
.uk-subnav>* {
	margin-top: 0 !important;
}

.uk-navbar-brand, .uk-navbar-content, .uk-navbar-toggle {
	height: 60px !important;
}

.home .uk-navbar-brand, .home .uk-navbar-content, .home .uk-navbar-toggle {
	color: #fff !important;
}

.uk-offcanvas-bar {
	background: #eee !important;
}

.uk-nav-offcanvas>li>a:hover {
	background: #a2bd41 !important;
}
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }

/*img.portrait {
	height: 100%;
}*/

.slidenav {
	width: 100%;
	z-index: 1000;
	overflow: auto;
}

#prev {
	color: #a2bd52;
	padding: 10px 19px 10px 0;
	margin: 2px 1px 0 1px;
	cursor: pointer;
	float: left;
}
#next {
	color: #a2bd52;
	padding: 10px 0 10px 19px;
	margin: 2px 0 0 0;
	cursor: pointer;
	float: right;
}
#next svg, #prev svg {
	color: #a2bd52;
}
/*#sort {
	background: #a2bd52;
}*/

a.title {
	padding: 5px 15px 5px 15px;
}

.uk-dropdown {
	background: #fff !important;
	box-shadow: none;
}

.uk-dropdown-bottom {
	margin-top: 0 !important;
}

.uk-dropdown-small {
	padding: 0 5px !important;
}
/*
.uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li {
    height: calc(100vh - 80px) !important;
}
*/

/*.uk-container {
	max-width: inherit !important;
}*/

.start-slideshow {
	position: absolute !important;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.home .uk-navbar {
	background: transparent !important;
}

.uk-navbar {
	/*background: #fff !important;*/
}
/*.uk-navbar-left {
	padding-left: 60px;
}*/

/*.uk-navbar-nav {
	padding: 10px 45px !important;
}*/

.home .uk-navbar-nav>li>a {
	color: #fff !important;
	border-bottom: 2px solid transparent;
}

.home .uk-navbar-nav>li>a:active,
.home .uk-navbar-nav>li>a:hover {
	color: #fff !important;
	border-bottom: 2px solid #fff;
	background-color: transparent !important;
}

.content .uk-navbar-nav>li>a {
	color: #222 !important;
	border-bottom: 2px solid transparent;
}

.content .uk-navbar-nav>li>a:active,
.content .uk-navbar-nav>li>a:hover {
	color: #222 !important;
	border-bottom: 2px solid #222;
	background-color: transparent !important;
}

.header {
	/*background: #fff;*/
	background: none;
	position: relative;
	z-index: 10001;
/*	position: fixed;
	width: 100%;*/
}

.uk-navbar-brand {
	color: #222 !important;
	letter-spacing: 0.3em;
	line-height: 40px;
	background: url(images/logo-05.png);
	background-size: 211px 60px;
	text-indent: -9999px;
	width: 211px;
	/*height: 60px !important;*/
	background-repeat: no-repeat;
}

.uk-panel-box {
	background: #fff !important;
	padding: 35px !important;
}

.uk-panel-box>.uk-panel-teaser {
	margin-top: -35px !important;
	margin-left: -35px !important;
	margin-right: -35px !important;
}

.border-right {
	border-right: 1px solid #fff;
}

.child-nav li a {
	
	transition: all .3s ease 0s;
}

.child-nav li.uk-active a {
	color: #a2bd41 !important;
	transition: all .3s ease 0s;
}


.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
display: flex;
justify-content: center;
align-items: center;
column-gap: .25em;
box-sizing: border-box;
min-height: 40px;
font-size: .875rem;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
text-decoration: none;
margin: 20px 0;
}


/**
PROJEKTNAVI
**/

.projekt-prev, .projekt-next, .projekt-list {
	padding: 15px;
}


@media (min-width:480px) {
	.right {
		text-align: right !important;
	}

	.center {
		text-align: center;
	}
	.left {
		text-align: left !important;
	}

	a.title {
		padding: 5px 15px 5px 35px;
	}
	.uk-subnav {
		margin-top: 0 !important;
		padding-left: 25px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
}
@media (min-width:768px) {
/*	.uk-container {
		padding: 0 60px !important;
	}*/
}
.left {
	text-align: center;
}

.right {
	text-align: center;
}

.center {
	text-align: center;
}

.projekt-next, .projekt-prev {
	vertical-align: -10%;
	display: inline-block;
}

.projekt-next {
	background: url(images/arrow-right.png);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 30px;
}

.projekt-prev {
	background: url(images/arrow-left.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 30px;
}


.owl-controls {
	position: absolute;
	top: 0;
	left: 0;
}

.owl-nav {
	margin: 1px 0 0 1px !important;
}

.owl-prev, .owl-next {
	border-radius: 0 !important;
	background: #fff !important;
	color: #222 !important;
	padding: 8px 14px !important;
}

.owl-prev:hover, .owl-next:hover {
	border-radius: none !important;
	background: #e2e2e2 !important;
	color: #fff !important;
}

.owl-prev {
	margin: 0 1px 0 0 !important;
}

.owl-next {
	margin: 0 !important;
}


.uk-button {
	background: #a2bd41 !important;
	color: #fff !important;
	cursor: pointer !important;
}
/*.sp-slide {
	opacity: 0;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}

.sp-selected {
	opacity: 1;
	-webkit-transition: opacity 2000ms ease;
	-moz-transition: opacity 2000ms ease;
	-o-transition: opacity 2000ms ease;
	transition: opacity 2000ms ease;
}*/

@media (min-width:1220px) {
	.mix {
		margin-bottom: 35px !important;
	}
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #a2bd41;
  position: fixed;
  z-index: 20000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.date-label {
	color: #fff !important;
	background: #a2bd41 !important;
	padding: .5rem;
	position: absolute;
	top: 0;
	left: 0;
}

em {
	color: #a2bd41 !important;
}

/**
 * WireFatalError is a class that ProcessWire will use to output
 * fatal errors in the design, but only if debug mode is on, or if
 * you are logged in as a superuser.
 *
 */
.WireFatalError {
	background: #a30000;
	color: #fff;
	padding: 1em;
	position: relative;
	z-index: 9999;
}