.grid {
  /*max-width: 1200px;*/
}
.grid-item {
	float: left;
	width: calc(30% - 22px);
	height: auto;
	/*background: #fdcf5e;*/
	background: #fff;
	margin: calc(1.4% + 10px);
	padding: 0;
	/*padding-bottom: 15px;*/
	border: #f0f0f0 1px ridge;
	text-align: center;
	
	/*border-radius: 20px;*/
	
	/*overflow: hidden;*/
}
#NewsContent .grid-item {
}
@media (max-width: 768px) {
	.grid-item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	#NewsContent .grid-item {
	}
}
.grid-item p {
	background: #fff;
	margin-top: 0;
	text-align: left;
	color: #522f07;
}
.grid-item p:nth-child(3) {
	min-height: 98.667px;
}
.grid-item>img {
	text-align: center;
}
.grid-item>p.layout-desc {
	text-align: center;
}
.grid-item img {
	/*border-top-left-radius: 20px;
	border-top-right-radius: 20px;*/
}
/* item is invisible, but used for layout */
.grid-item,
.grid-item-content {
  /*width: 80px;
  height: 80px;*/
	
	/*border-radius: 20px;*/
}

/* item-content is visible, and transitions size */
.grid-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-item a {
	color: #522f07;
}
.grid-item td.is-expanded {
	/*background: #018AB0;*/
	/*background: #f2e272;*/
}
.grid-item td.is-expanded a {
	color: #522f07;
}
.grid-item-content table {   
    position: absolute;
	width: 100%;
    height: 100%;
	background: rgba(255,255,255,.6);
}
.grid-item-content table tr td {
	text-align: center;
}

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

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

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

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



.grid-item .layout-desc {
	margin: 5px 0;
}
.grid-item .layout-button {
	width: 100%;
}
.grid-item table tr .btn-detail,
.grid-item table tr .btn-detail2 {
	height: 30px; 
	text-align: left;
	background-color: #fff;
	
	/*border-radius: 20px;*/
	
	padding-left: 5px;
}
.grid-item table tr .btn-detail2 {
	text-align: right;
	padding-right: 20px;
}
.grid-item table tr .btn-detail a {
	background-color: #fdc339;
	color:#222;
	padding: 5px 20px;
	/*border-radius: 10px;*/
	font-size: 16px;
	border: #fdc339 1px solid;
}
.grid-item table tr .btn-detail a:hover {
	background-color: #fff;
	color:#fdc339;
}
.grid-item table tr .btn-detail2 a {
	color:#808080;
	padding: 5px 5px;
	font-size: 32px;
}
.grid-item table tr .btn-detail2 a:hover {
	color:#fdc339;
}
.grid-item  table tr td.btn-detail.is-expanded a,
.grid-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  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-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-item .wappen-new{
	background: #fdc339;
    left: -54px;
}
.grid-item .wappen-time{
	background: #522f07;
    left: -54px;
}
.grid-item .wappen-sale{
	background: #018AB0;
    left: -54px;
}
.grid-item .wappen-fest{
	background: #ff0000;
	font-size: 14px;
    left: -50px;
}