/* media screen
-------------------*/
@media screen {

    .art_fullWidth .inside_art {
        background: none;
    }

    [class^="artbg-"] .inside_art, [class*=" artbg-"] .inside_art {
        position: relative;
    }

    [class^="artbg-"] a, [class*=" artbg-"] a,
    [class^="artbg-"] h1, [class*=" artbg-"] h2, [class^="artbg-"] h3, [class*=" artbg-"] h4, [class^="artbg-"] h5,
    [class^="artbg-"] .like-h1, [class*=" artbg-"] .like-h2, [class^="artbg-"] .like-h3, [class*=" artbg-"] .like-h4, [class^="artbg-"] .like-h5
    {
    }

    [class^="artbg-"], [class*=" artbg-"] {
        margin-bottom: 0 !important;
    }

    /*BG Article
    --------------------*/
    .artbg-lightgrey  {
        background: #FCFAF6;
    }


}


/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}



/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    [class^="artbg-"] .inside_art, [class*=" artbg-"] .inside_art {
		margin-left: calc(var(--block-padding) * 1rem);
		margin-right: calc(var(--block-padding) * 1rem);
    }
}


/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {
}


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

}
/*@media screen ends*/



/* Article BG IMAGE Query
--------------------*/
@media screen {
    .artbg,
    .artbg .container {
		position: relative;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: center;
        background-size: cover;
        transition: 0s linear;
	}

    .artbg {
		/*background-attachment: fixed;*/ /* add this line from script */
        min-height: 350px;
        height: 350px;
		position: relative;
	}

	.artbg:before {
	}

    .artbg .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .artbg .container .block{
        margin: 0;
    }
}

/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {
    .artbg {
		/*background-attachment: fixed;*/ /* add this line from script */
        min-height: 400px;
        height: 400px;
        position: relative;
	}
}
/* Article BG IMAGE ends
--------------------*/



/* Wildenau aricle bg images class */
@media screen {

    /* avoid horizontal scroller */
    #container {
        overflow-x: clip;
    }

    .container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    [class^="article-"] .container:before,
    [class*=" article-"] .container:before
    {
        position: absolute;
        bottom: -3rem;
		overflow: hidden;
        background-repeat: no-repeat;
        background-size: contain;
        width: 300px;
        height: 300px;
    }

    .article-bg-left .container:before{
        left: -100px;
    }

    .article-bg-right .container:before{
        right: -100px;
    }    
    
    .article-aehre .container:before,
    .article-aehre.article-bg-left .container:before {
        background-image: url(../images/bg/aehren-rechts.png);
    }
    
    .article-aehre.article-bg-right .container:before {
        background-image: url(../images/bg/aehren-links.png);
    }        
    
    .article-hahn .container:before,
    .article-hahn.article-bg-left .container:before {
        background-image: url(../images/bg/hahn-rechts.png);
    }
    
    .article-hahn.article-bg-right .container:before {
        background-image: url(../images/bg/hahn-links.png);
    }        
    
    .article-crane .container:before {
        background-image: url(../images/bg/crane.png);
    }

    .article-harvester .container:before {
        background-image: url(../images/bg/harvester.png);
    }

    .article-rice .container:before{
        background-image: url(../images/bg/rice.png);
    }    

    .article-frog .container:before{
        background-image: url(../images/bg/frog.png);
    }    

    .article-libelle .container:before {
        background-image: url(../images/bg/libelle.png);
    }

    .article-pfeil .container:before {
        background-image: url(../images/bg/pfeil.png);
    }
    
    .article-ruebli .container:before {
        background-image: url(../images/bg/rueebli.png);
    }
    
    .article-wasser .container:before {
        background-image: url(../images/bg/wasser.png);
    }
    
    .article-traktor .container:before,
    .article-traktor.article-bg-left .container:before {
        background-image: url(../images/bg/traktor-rechts.png);
    }
    
    .article-traktor.article-bg-right .container:before {
        background-image: url(../images/bg/traktor-links.png);
    }        

    .article-agogik .container:before {
        background-image: url(../images/bg/agogik.png);
    }        
    
    .article-camper .container:before,
    .article-camper.article-bg-left .container:before {
        background-image: url(../images/bg/camper-right.png);
    }
    
    .article-camper.article-bg-right .container:before {
        background-image: url(../images/bg/camper-links.png);
    }        
    
    .article-esel.article-bg-right .container:before {
        background-image: url(../images/bg/esel-links.png);
    }        
    
    .article-esel .container:before,
    .article-esel.article-bg-left .container:before {
        background-image: url(../images/bg/esel-right.png);
    }

    .article-ente .container:before {
        background-image: url(../images/bg/ente.png);
    }

    .article-flasche .container:before {
        background-image: url(../images/bg/flasche.png);
    }
    
    .article-zelt .container:before {
        background-image: url(../images/bg/zelt.png);
    }

    .article-ziege .container:before {
        background-image: url(../images/bg/ziege.png);
    }
    
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {


    [class^="article-"] .container:before,
    [class*=" article-"] .container:before
    {
        width: 300px;
        height: 300px;
    }
    
    .article-bg-left .container:before{

    }

}

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

    .container {
        padding-left: 0;
        padding-right: 0;
    }
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Wildenau aricle bg images class */