/* Extras für die Modulanpassungen auf das Template */

/* Socialmedia made easy */

.followicon,
.shareicon {
	max-width:50px!important;
	margin-left: 5px;

}

.followicon,.shareicon,
.followicon,.shareicon img {
    border-radius: 100%!important;
}

.followicon,.shareicon { 
	-webkit-transition: all 0.8s ease!important;
	-moz-transition: all 0.8s ease!important;
	-o-transition: all 0.8s ease!important;
	transition: all 0.8s ease!important; 
   -webkit-filter: hue-rotate(0deg)!important;
    filter: hue-rotate(0deg)!important;
       -webkit-filter: contrast(1)!important;
    filter: contrast(1)!important;
}

.followicon,.shareicon:hover { 
   -webkit-filter: hue-rotate(45deg)!important;
    filter: hue-rotate(45deg)!important;
   -webkit-filter: contrast(2)!important;
    filter: contrast(2)!important;
}

@media (max-width: 1299px) {
	.followicon, .shareicon { max-width:50px!important; }
	.socialwrapper { margin-top: 10px!important; }
}

@media (max-width: 999px) {
	.followicon, .shareicon { max-width:50px!important; }
	.socialwrapper { margin-top: 10px!important; }
}

@media (max-width: 799px) {
	.followicon, .shareicon { max-width:48px!important; }
	.socialwrapper { 
	margin-top: 10px!important;
	margin-bottom:15px!important; 
	}
}

/* miniGallery 2.5.3 */

.flex-images .item img { 
	-webkit-transition: all 0.8s ease!important;
	-moz-transition: all 0.8s ease!important;
	-o-transition: all 0.8s ease!important;
	transition: all 0.8s ease!important; 
	-webkit-filter: brightness(1)!important;
    	filter: brightness(1)!important;
}
.flex-images .item img:hover { 
	-moz-transform: scale(1.05)!important;
	-webkit-transform: scale(1.05)!important;
	-o-transform: scale(1.05)!important;
	-ms-transform: scale(1.05)!important;
	transform: scale(1.05)!important;
	-webkit-filter: brightness(1.2)!important;
    filter: brightness(1.2)!important;
}

/* fading of content on loading */

/* .main{ 
    opacity: 0;
    transition: opacity 2s ease!important;
    -webkit-transition: opacity 2s ease!important;
    
} 
*/

#main {
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}