/* Let's go */


.overlay-col {margin-top: -450px; min-height: 400px;  background-color: #FFF;}
.overlay-col .uk-button-large {position: absolute;}

.whitetrans {
    background-color: rgba(255,255,255,0.9);
    padding: 15px;
}

.whitetext h1 {color: #FFFFFF!important; text-shadow: 1px 1px 1px #888;}

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

.uk-light .uk-navbar-toggle {
    color: #FFFFFF!important;
    background-color: #0481B7;
    padding: 20px;
    border-radius: 50%;
    }
.uk-navbar-toggle-icon svg {width: 35px;}

.uk-navbar-container.uk-navbar-sticky {background: #f1f1f1;}
.uk-navbar-sticky img {
    max-width: 200px!important; height: auto!important;
}


.maskiert {
    -webkit-mask-image: url(../images/shape1.svg);
    mask-image: url(../images/shape1.svg);
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

/**** GRid Overlay ****/
.itemContainer {
  position: relative; }

.itemContainer:after {
  content: "";
  display: block;
  padding-bottom: 100%; }

.gridContent {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10; }

.itemOverlay {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 500ms;
  z-index: 1; }

.itemContainer:hover .itemOverlay {
  opacity: 0.6;
  transition: all 500ms; }	

.itemContainer h3 {
	padding-left: 30px;
    color: #FFFFFF!important;
}

a.item-248 {
    background-color: #186EC1!important;
    color: #FFF!important;
    border-radius: 25px!important;
}

.cta {
	background-color: #186EC1;
	color: #FFFFFF!important;
	border-radius: 30px;
	padding: 0px 20px!important;
}