/*** GENERELL ***/
.uk-box-shadow-large, #leistungen .uk-tile-secondary {
    box-shadow: 0 0 20px rgba(0,0,0,.20);
}

.uk-text-success {
    color: #2b2a28!important;
    font-size: 35px;
    font-weight: 900;
}

.image-radius img, .image-radius ul {
    border-radius: 50px;
}

.image-radius-left ul {
    border-radius: 50px 0 0 50px;
}

.uk-card, .uk-border-rounded {
    border-radius: 40px;
}

.uk-accordion {
	background: #fff;
}

/*** NAVI ***/
.uk-sticky .uk-navbar-left img {
    position: absolute;
    left: 0px;
    top: 40px;
    width: 300px;
	transition: all .3s ease-in-out;
}

.uk-sticky.uk-sticky-fixed .uk-navbar-left img {
    width: 250px;
    position: inherit;
    top: 0;
}

.uk-sticky {
    box-shadow: 0 2px 11px rgba(0,0,0,.0);
}

.uk-sticky.uk-sticky-below.uk-sticky-fixed {
	box-shadow: 0 2px 11px rgba(0,0,0,.09);
}

.uk-navbar-left img {
	opacity: 1;
}

.uk-sticky.uk-sticky-below.uk-sticky-fixed img {
	opacity: 1;
}

.uk-navbar-nav>li>a::before {
    left: 150px;
    width: 20px;
	opacity: 0;
	transition: all .3s ease-in-out;
}

.uk-navbar-nav>li:hover>a::before, .uk-navbar-nav>li.uk-active>a::before {
    left: 15px;
	opacity: 1;
}

/*** CONTENT ***/
#start h1 {
	text-transform: uppercase;
	font-weight: 900;
}

.karte {
    box-shadow: 0 0 20px rgba(0,0,0,.20);
}

/*** WANDARBEITEN ***/
#wandarbeiten>div {
    background-image: url(../../../images/00-maltom-gmbh/farbrolle.png), url(../../../images/00-maltom-gmbh/farbeimer.svg)!important;
    background-position: calc(50% - 170px) calc(50% - 315px), 40px calc(100% - 40px)!important;
    background-size: 195px, 400px;
}

/*** BODENARBEITEN ***/
#bodenarbeiten.uk-margin-xlarge {
	margin-top: 180px!important;
}

/*** REFERENZEN ***/
#referenzen {
	position: relative;
}

#referenzen:before {
    content: "";
    position: absolute;
    background-image: url(/demo/images/00-maltom-gmbh/farbroller-1.svg);
    background-position: 100% 0;
    background-size: 250px;
    transform: rotate(-45deg);
    width: 250px;
    height: 395px;
    top: 70px;
    right: calc(50% - 720px);
}

/*** LEISTUNGEN ***/
#leistungen .uk-tile-secondary {
	border-radius: 40px;
}

#leistungen .uk-card-primary {
	transition: all .3s ease-in-out;
}

#leistungen .uk-card-primary:hover {
    box-shadow: 0 0 30px 0 rgba(0,0,0,.7);
}

#leistungen .el-title {
	color: #2b2a28;
}

#leistungen ul li {
    font-weight: 700;
    list-style: none;
    position: relative;
    margin: 0 0 10px 0;
}

#leistungen ul li:before {
    content: "";
    position: absolute;
    left: -29px;
    top: 10px;
    width: 24px;
    height: 10px;
    background: url(../../../images/00-maltom-gmbh/pinsel_1.png) transparent;
    background-size: 24px;
    transform: rotate(-10deg);
}

#leistungen ul li a {
    color: #e41f26!important;
	transition: all .3s ease-in-out;
}

#leistungen ul li a:hover {
    color: #3a3086!important;
}

/*** FORMULAR ***/
.fox-column select, .fox-column input[type="text"], .fox-column input[type="email"], .fox-column textarea {
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.05);
    border-radius: 5px;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus, .uneditable-input:not([class*=uk-]):focus, input[type=color]:not([class*=uk-]):focus, input[type=date]:not([class*=uk-]):focus, input[type=datetime-local]:not([class*=uk-]):focus, input[type=datetime]:not([class*=uk-]):focus, input[type=email]:not([class*=uk-]):focus, input[type=month]:not([class*=uk-]):focus, input[type=number]:not([class*=uk-]):focus, input[type=password]:not([class*=uk-]):focus, input[type=search]:not([class*=uk-]):focus, input[type=tel]:not([class*=uk-]):focus, input[type=text]:not([class*=uk-]):focus, input[type=time]:not([class*=uk-]):focus, input[type=url]:not([class*=uk-]):focus, input[type=week]:not([class*=uk-]):focus, select:not([class*=uk-]):focus, textarea:not([class*=uk-]):focus {
	border-color: #3a3086!important;
}

.chzn-container .chzn-results li.highlighted {
  background: #3b47a1!important;
}

.fox-column .chzn-container-single .chzn-single {
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-color: #fff!important;
    padding: 0 15px!important;
    border: 1px solid #3b47a1;
    border-radius: 5px;
}

.chzn-container .chzn-drop {
    border: 1px solid #3b47a1;
	border-radius: 5px;
}

.uk-checkbox, .uk-radio, input[type=checkbox]:not([class*=uk-]), input[type=radio]:not([class*=uk-]) {
    border-radius: 5px;
}

.uk-checkbox:focus, .uk-radio:focus, input[type=checkbox]:not([class*=uk-]):focus, input[type=radio]:not([class*=uk-]):focus {
    border-color: #3a3086;
}

.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 {
    background-color: #3a3086;
}

.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 {
    background-color: #3a3086;
}

.btn-info, .btn-primary, .uk-button-primary {
    background-color: #fff;
    color: #3a3086;
    border: 1px solid #3a3086;
    height: 40px;
    border-radius: 10px;
}

.btn-info:focus, .btn-info:hover, .btn-primary:focus, .btn-primary:hover, .uk-button-primary:focus, .uk-button-primary:hover {
    background-color: #3a3086;
    color: #fff;
    border-color: #3a3086;
}

/*** MOBILE ANPASSUNGEN ***/
@media (max-width: 1600px) {
	.navbar .brand, .navbar .nav>li>a, .navbar-search, .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
		font-size: 16px;
	}
}

@media (max-width: 1219px) {
	.navbar .brand, .navbar .nav>li>a, .navbar-search, .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
		font-size: 12px;
	}
}

@media (max-width: 1024px) {
	.uk-navbar-left img {
		opacity: 1;
	}
	
	#start {
		padding-top: 80px;
	}
	
	#start>div {
		background-image: url(../../../images/00-maltom-gmbh/maltom-header-mobil.jpg)!important;
	}
	
	#wandarbeiten>div {
		background-image: none!important;
	}
	
	#referenzen:before {
		display: none;
	}
	
	#bodenarbeiten.uk-margin-xlarge {
		margin-top: 25px!important;
	}
}

@media (max-width: 568px) {
	#bodenarbeiten {
		padding-top: 70px;
	}	
}