/* CSS Document */
/* gzsk Plugin - Styles für die Shortcode Artikel*/

.default{
	border:11px solid blue;
	background-color: green;
}

.gzskobject-fit_cover { 
	object-fit: cover;
}
.gzskimgbox a {
	height: inherit !important;
 }
.gzskimgbox	img { 
	height: inherit !important;
}
.gzskimgbox img[class] {
	width: 100% !important;
}


.gzskpostwrap{
	border:1px solid lightgrey;
	display: inline-block;
	border-radius: 2px;
	padding:2%;
	background: #fff;
	background-image: url(../images/gzsk-content-bg.png); /* fallback */
	background-image: url(../images/gzsk-content-bg.png), linear-gradient(to bottom, #ffffff,#e9f1d5); /* W3C */
	background-repeat:no-repeat;
	background-position:0 bottom;
	background-size: 100% auto;
	width:95%;
	max-width:100%;
}
.gzskpostwrap h1{
	color:#8fb82c;
	font-size:1,2em;
	font-size:16px;
	font-weight: 100;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 !important;
}
.gzskpostwrap .price{
	background-color: rgba(255,255,255,0.8);
	color:#ee1f99;
	font-weight: 700;
	padding:3% 5%;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	margin:-10em 6% 0 0;
	display: inline-block;
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg);
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
}

.gzskpostwrap .gzskimgbox,
.gzskpostwrap .gzsktextbox{
	margin-bottom:5em;
}
.gzskpostwrap .gzskimgbox{
	float: left;
	text-align:right;
	width:40%;
}
.gzskpostwrap .gzskimgbox img{
	width:inherit;
}
.gzskpostwrap .gzsktextbox{
	font-family:Verdana, Geneva, sans-serif;
	float: left;
	margin-left:2%;
	width:56%;
}
.gzskpostwrap .gzsktext{
	height: 11.2em;
	overflow: hidden;
	text-align:justify;
/*	
	text-overflow: ellipsis;
	white-space: nowrap;
*/
}
.gzskshoplink{
	background-color: rgba(255,255,255,0.8);
	font-weight: 700;
	padding:1% 7%;
	font-size:1.2em;
	display: inline-block;
    border-radius: 5px;
}
.gzskshoplink:hover{
    animation-name: gzskshoplink;
    animation-duration: 2s;
}
@keyframes gzskshoplink {
    0%   {background-color: #fff;}
    60%  {background-color: #ee1f99;}
    100%   {background-color: #m;}
}
.gzskshoplink,
.gzskshoplink a{
	color:#ee1f99;
	margin-top:1em;
	text-decoration: none !important;
}
.entry-content a,
a.shopbt{
	text-decoration:  blink !important;
}




/* gzsk Plugin - Styles für die  Artikel im Footer*/
.gzskfoot{
	clear:both;
	margin-top: 3em !important;
	width:100%;
	text-align:center;
	padding: 2em 0 0;
}
.gzskfoot .gzskwrap {
	//display:inline-block;
	text-align:center;
	margin:0 !important;
	padding:0 !important;
}
.gzskfoot .gzskwrap:after {
	content: '';
	display: block;
	clear: both;
}
.gzskfoot h1,
.gzskfoot h1 a{
	font-size:13px !important;
	line-height:15px !important;
	font-weight:normal !important;
	margin:0 !important;
	color:#4f4a43 !important;
	text-align:center !important;
}
.gzskfoot h1 a:hover{
	color:#8fb929 !important;
}
.gzskfoot .post-title-box {
	margin-bottom: 60px;
}
.gzskfoot h4.post-box-title {
	//font-weight:bold !important;
	//color:#96ba48 !important;
	margin-top:11px;
	font-size: 24px;
}
.gzskfoot h4.post-box-title:before, 
.gzskfoot h4.post-box-title:after  {
	//display: none;
}
/*.gzskfoot h3{
	text-align:left !important;
	font-size: 0.8rem !important;
	font-weight:bold !important;
	color:#96ba48 !important;
	margin:0.5em 1em 1.2em !important;
	padding:8px !important;
	border-bottom: 1px solid #eee !important;
}*/

.gzskfoot .price{
	font-size:14px !important;
	line-height:14px !important;
	font-weight:normal !important;
	margin:0 !important;
	color:#797166;
}
.gzskfoot .gzskimgbox {
	overflow:hidden;
}
/*.gzskfoot.gzsk5articles .gzskimgbox{
	width: 190px;
	height: 190px;
}*/
.gzskfoot .gzskbox {
	width: 22%;
	margin-left:4%;
	margin-bottom: 4%;
	float: left;
}

.gzskfoot .gzskbox:nth-of-type(4n+1) {
	clear: left;
	margin-left: 0;
}

.gzskfoot .gzskbox .gzskimgbox img {
	max-width: 100%;
	max-height: 100%;
}
/*.gzskfoot.gzsk5articles .gzskbox{
	width: 205px;
}*/
.gzskfoot .gzsktxt{
	padding:8px 0 0 0;
	text-align:center;
}

.gzskfoot .gzskimgbox a {
	display: block;
	position: relative;
	width: 100%;
	padding: 50%;
}
.gzskfoot .gzskimgbox a img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}







/*-----------------------------------------------
	Responsive Design
------------------------------------------------*/

/*--------- Max width 1169px and Min width 961px ---------*/

@media screen and ( min-width: 601px ){
	.gzskfoot.gzsk5articles .gzskbox,
	.gzskfoot.gzsk3articles .gzskbox{
		float: left;
	}
	.gzskfoot.gzsk5articles .gzskbox:first-child,
	.gzskfoot.gzsk3articles .gzskbox:first-child{
		margin-left:0;
	}
	
	.gzskpostwrap h1{
		font-size:26px;
	}
	.gzskpostwrap .price{
		font-size:26px;
	}
}

@media screen and (max-width: 480px) {
	.gzskfoot {
		padding: 0;
	}
	.gzskfoot .gzskbox {
		width: 48%;
	}
	.gzskfoot .gzskbox:nth-of-type(4n+1) {
		clear: none;
		margin-left: 4%;
	}
	.gzskfoot .gzskbox:nth-of-type(2n+1) {
		clear: left;
		margin-left: 0;
	}
}

@media screen and ( min-width: 768px ){
	.gzskfoot.gzsk5articles .gzskbox,
	.gzskfoot.gzsk3articles .gzskbox {
		/*margin-left:30px;*/
	}
}
@media only screen and (min-width: 1170px) {
	.gzskfoot.gzsk5articles .gzskbox,
	.gzskfoot.gzsk3articles .gzskbox{
		/*margin-left:60px;*/
	}
}
@media screen and (max-width: 767px) and ( min-width: 601px ){
	.gzskfoot.gzsk5articles .gzskimgbox,
	.gzskfoot.gzsk3articles .gzskimgbox{
		/*width: 145px;
		height: 145px;*/
	}
	.gzskfoot.gzsk5articles .gzskbox,
	.gzskfoot.gzsk3articles .gzskbox{
		/*width: 145px;*/
	}
	.gzskfoot.gzsk5articles .gzskbox,
	.gzskfoot.gzsk3articles .gzskbox{
		/*margin-left:10px;*/
	}
}