.grid-4 {
  /*max-width: 1200px;*/
}
.grid-4-item {
	float: left;
	width: calc(24% - 22px);
	height: auto;
	/*background: #fdcf5e;*/
	background: #fff;
	margin: calc(0.5% + 10px);
	padding: 0;
	/*padding-bottom: 15px;*/
	border: #f0f0f0 1px ridge;
	
	/*border-radius: 20px;*/
	
	overflow: hidden;
}
#NewsContent .grid-4-item {
}
@media (max-width: 992px) {
	.grid-4-item {
		width: calc(48% - 22px);
	}
	#NewsContent .grid-4-item {
	}
}
@media (max-width: 450px) {
	.grid-4-item {
		width: 80%;
		margin: 20px 10%;
	}
	#NewsContent .grid-4-item {
	}
}
.grid-4-item p {
	background: #fff;
	margin-top: 0;
	text-align: left;
	color: #522f07;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 14px;
}
.grid-4-item img {
	/*border-top-left-radius: 20px;
	border-top-right-radius: 20px;*/
}
/* item is invisible, but used for layout */
.grid-4-item,
.grid-4-item-content {
  /*width: 80px;
  height: 80px;*/
	
	/*border-radius: 20px;*/
}

/* item-content is visible, and transitions size */
.grid-4-item-content {
	/*width: 80px;
	height: 80px;*/
	opacity: 0;
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	background: url('./../images/border/bar2_edited.png');
	background-size: 640px 149px;
	transform: translateY(20px);
	/*border: 2px solid #333;
	border-color: hsla(0, 0%, 0%, 0.7);*/
	-webkit-transition: opacity 150ms, transform 150ms;
	   -moz-transition: opacity 150ms, transform 150ms;
         -o-transition: opacity 150ms, transform 150ms;
            transition: opacity 150ms, transform 150ms;
	pointer-events: none;
}
.grid-4-item a {
	color: #522f07;
}
.grid-4-item td.is-expanded {
	/*background: #018AB0;*/
	/*background: #f2e272;*/
}
.grid-4-item td.is-expanded a {
	color: #522f07;
}
.grid-4-item-content table {   
    position: absolute;
	width: 100%;
    height: 100%;
	background: rgba(255,255,255,.6);
}
.grid-4-item-content table tr td {
	text-align: center;
}

.grid-4-item:hover .grid-4-item-content {
}

/* both item and item content change size */
.grid-4-item.is-expanded,
.grid-4-item.is-expanded .grid-4-item-content {
  /*width: 240px;
  height: 160px;*/
}

.grid-4-item.is-expanded {
	z-index: 2;
}

.grid-4-item.is-expanded .grid-4-item-content {
	opacity: 1;
	transform: translateY(0px);
}



.grid-4-item .layout-desc {
	margin: 5px 0;
}
.grid-4-item .layout-button {
	width: 100%;
}
.grid-4-item table tr .btn-detail,
.grid-4-item table tr .btn-detail2 {
	height: 30px; 
	text-align: right;
	background-color: #fff;
	
	/*border-radius: 20px;*/
	
	padding-left: 5px;
}
.grid-4-item table tr .btn-detail2 {
	text-align: left;
	padding-right: 20px;
}
.grid-4-item table tr .btn-detail a {
	background-color: #fdc339;
	color:#fff;
	padding: 5px 20px;
	/*border-radius: 10px;*/
	font-size: 16px;
	border: #fdc339 1px solid;
}
.grid-4-item table tr .btn-detail a:hover {
	background-color: #fff;
	color:#fdc339;
}
.grid-4-item table tr .btn-detail2 a {
	color:#808080;
	padding: 5px 5px;
	font-size: 32px;
}
.grid-4-item table tr .btn-detail2 a:hover {
	color:#fdc339;
}
.grid-4-item  table tr td.btn-detail.is-expanded a,
.grid-4-item  table tr td.btn-detail2.is-expanded a {
	/*background: #fff;*/
	color: #fdc339;
	/*text-shadow: #522f07 1px 1px, #522f07 1px 0px, #522f07 0px 1px, #522f07 1px -1px, #522f07 -1px 1px, #522f07 -1px -1px, #522f07 -1px 0px, #522f07 0px -1px;*/
}

.grid-4-item .wappen {
    display: block;
    background: #FF4040;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    padding: 30px 5px 2px;
    position: absolute;
    text-align: center;
    height: auto;
    width: 130px;
    left: -58px;
    top: -12px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); */
    width: 40px\9;
    left: 0\9;
	
	pointer-events:none;
}
.grid-4-item .wappen-new{
	background: #fdc339;
    left: -54px;
}
.grid-4-item .wappen-time{
	background: #522f07;
    left: -54px;
}
.grid-4-item .wappen-sale{
	background: #018AB0;
    left: -54px;
}
.grid-4-item .wappen-fest{
	background: #ff0000;
	font-size: 14px;
    left: -50px;
}

#all-tag-group{
	text-align:center;
}
#all-tag-group button{
	width:calc(49% - 10px);
	height:40px;
	padding:8px 0px;
	margin:8px 5px;
	border-radius:15px;
	outline:none;
	background-color:#fff;
}
#all-tag-group button.active{
	background-color:#fdc339;
}

@media (min-width:768px){
	#all-tag-group button{
		width:calc(49% - 30px);
		padding:8px 15px;
		margin:8px 15px;
	}
}