/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

 .isotope-item-min-height {
				/* Revert CLAASPRO-296*/
    /*min-height: 500px!important;*/
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */


/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}


/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */
html,
body {
    min-height: 100%;
}

#container {
    margin-bottom: 20px;
    margin-left: -20px;
}

.element {
    width: 248px;
    min-height: 90px;
    margin: 0 0 20px 20px;
    padding: 0;
    float: left;
    overflow: hidden;
    position: relative;
}

.element a:hover p.text,
.element a:hover .date {
    color: #000000;
}

.element img {
    width: 100%;
    height: auto;
}

.element p {
    margin-bottom: 0;
}

.element p.text {
	position: relative;
}

.element p.text:after {
	background-color: #000;
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -60px;
}

.element .more {
	display: inline-block;
}

@media only screen and (max-width: 1100px) and (min-width: 769px) {
    .element {
        width: 205px;
    }
}


/**** Infinite Scroll ****/

#infscr-loading {
    position: fixed;
    text-align: center;
    bottom: 30px;
    left: 42%;
    z-index: 100;
    background: white;
    background: hsla(0, 0%, 100%, 0.9);
    padding: 20px;
    color: #222;
    font-size: 15px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


a.closefilter {
    background: url("../images/closefilter.png") no-repeat scroll right center transparent;
    color: #B3C618;
    padding-right: 20px;
    text-decoration: none;
    margin-right: 20px;
    display: inline-block;
    font-family: 'CLAASCultivaWeb';
    font-weight: 700;
}

#subnavWrapper ul:empty {
    display: none;
}

/*@media only screen and (min-width:1024px) {*/

/*.dropDownFilter #subnav > ul li {
    width: 160px;
}*/

.dropDownFilter #subnav {
    margin-top: 0;
}

.subnav > ul {
    padding-left: 10px;
}

.dropDownFilter #subnav ul {
    overflow: visible;
    margin-bottom: 0;
}

#contentArea .ym-col1 .subnav ul li.subnavtype1 {
    margin: 0;
}

#filterContainer {
    clear: both;
    margin: 0 0 25px 0;
}

#filterContainer2 {
    margin: 0 0 15px 0;
}

.filterTitle {
    font-family: 'CLAASCultivaWeb', arial;
    font-weight: 700;
    padding: 0 15px 0 0;
}

/*}*/

@media only screen and (max-width: 768px) {
    #subnavWrapper {
        display: block;
        margin: 0 0 25px 0;
    }

    .dropDownFilter #subnav > ul li {
        width: auto;
    }

    #subnav ul li.subnavtype1 > a,
    #subnav ul li.subnavtype1.active > a {
        color: #fff !important;
        font-family: 'CLAASCultivaWeb', arial;
        font-weight: 700;
    }

    li.subnavtype1 > a.subnavigationlink {
        background: url(../images/icon-plus-white.png) no-repeat 90% center !important;
    }

    li.subnavtype1.active > a.subnavigationlink {
        background: url(../images/icon-minus-white.png) no-repeat 90% center !important;
    }

    #subnav ul li a {
        margin: 0 !important;
    }

    /* keine ausgewählten Filter im mobilen Modus */
    #filterContainer, #filterText, #filterContainer2 {
        display: none;
    }

}


/* end media query */