.flexbox-item:first-child { min-height:40vw;}


.links .flleft img {
	border: 1px solid #ccc;
	background: #fff;
	padding: 1px;
	margin:0 5px 5px 0;}


#content ol li { list-style:decimal; margin:0 0 0 25px}

#content ul li { list-style:none;  clear:left; margin:0 0 0 0; padding:0 0 0 25px; width:100%}
#content ul li::before { 
	content: "\f0da";
	font: normal normal normal 1em/1 FontAwesome;

	margin: 5px 1em 0 -25px; 	color:#c0a26b;}
	
#content ul.tab li { list-style:none;  clear:none; margin:0 0 0 0; padding:0;}
/*#content ul li::before { display:none}*/
	

.products {
padding:2em 0;
position: relative;
width: 100%;
height: 100%;
display: flex;
display: -webkit-flex;
display: -moz-flex;
box-pack: justify;
justify-content: space-around;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
align-items: stretch;
margin: 0;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}	
.products div {  margin:1em 0; padding:0 2em;}
	.products div:first-child { border-left:none}
.products div img { max-width:80px;}	
	

.product-variety { width: 100%;display: flex;display: -webkit-flex;display: -moz-flex;justify-content: space-between;-webkit-justify-content: space-between;-moz-justify-content: space-between;align-items: stretch;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
	.product-variety div { width:49%;padding:2em; margin:0 0 2% 0; background:#f6f6f6}
	.product-variety div:nth-child(odd) {background:#fafafa;}
	
.txt-box { max-width:900px; margin:0 auto}
.txt-box2 { padding:0 5%}

ul.check li { list-style:none;  clear:left; margin:0 0 0 0; padding:0 0 0 33px;}
ul.check li::before {
	content: "\f00c";
	font: normal normal normal 1em/1 FontAwesome;
	display: inline-block;
	margin: 0 1em 0 -33px; 	color:#c0a26b;}
	
	
.table-responsive{width:100%; }
.tbl-copy { margin:2rem 0; width:100%; }
.tbl-copy th { background:#fafafa; border:1px solid #eee;padding:5px;}
.tbl-copy td {border:1px solid #eee; padding:5px; vertical-align:middle}


.blog div {
	width: 31.333%;
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 1% 1em;
	padding: 2em;
	box-sizing: border-box;
}


/*------------------------------ Aufklapp-Menü --------------------------------------------*/
.accordion { float:left; display:block; background: #f3f3f3;  cursor: pointer;  padding: .5em 1em; margin:0 0 .5em; width: 100%;   transition: 0.4s; text-align:left; position:relative}
.active, .accordion:hover { color:#fff;background: #c0a26b;}

.accordion:after { content: '\f107';font-family:FontAwesome;float: right; margin-left: 5px; position:absolute; right:1em; bottom:.5em; z-index:1}
.active:after {  content: "\f106"; color:#fff;font-family:FontAwesome;}

.panel { background:#fff;
    padding:0 1em 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;}

.panel em { font-style:normal; font-weight:700; background:#e6f4f8; padding:.5em 1em; display:inline-block}


#content .panel ul li::before { }


.service { margin:0 auto; padding:1em 0;}
.service a {Color: #706f6f;}
.service a:hover {Color: #c0a26b;}
#content ol {list-style:none !important;
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
display: -moz-flex;
box-pack: justify;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;}
#content ol .link-box { list-style: none;
	position: relative;
	padding: 20px 25px 20px 50px;
	width:47%; margin:1vw 1.5%!important;
		}
.link-box::before, 
.link-box::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	pointer-events: none;
	border: 0 solid #d7d7d7;
	height: 22px;
	transition: .22s;}
.link-box::before {top: 0;border-width: 1px 1px 0 1px;}
.link-box:hover::before {transform: translate3d(0, -10px, 0);}
.link-box::after {	bottom: 0;	border-width: 0 1px 1px 1px;}
.link-box:hover::after {	transform: translate3d(0, 10px, 0);}

.link-box .nr { position:absolute; left:0; top:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); font-size:2em; color:#c0bfbf}


#content .lunch { float:left;}
#content .lunch ul { display:table;width:100%}
#content .lunch li { list-style:none; display:inline-block; border:1px dashed #fff; padding:1em 0 0 1em; width:100%; background:#2c2e30; color:#fff; min-height:141px;}
#content .lunch li strong  { text-transform:uppercase; letter-spacing:.05em}
#content .lunch li .price {background:#bb060f;color:#fff; display:inline-block; padding:.2em .5em; float:right; transform:rotate(-7deg); letter-spacing:0}
#content .lunch ul li::before { display:none}
#content .lunch li:first-child { text-transform:uppercase; background:#555; font-weight:bold; text-align:center;padding:.5em 1em; letter-spacing:.05em; min-height:45px}

@media screen and (min-width:1440px ) {
.products div img {float: none; display:block;padding: 0;margin: 0 0 15px 0;	}

}
@media screen and (max-width:1219px ) {
	#content .lunch li {  min-height:170px;}
	
}
@media screen and (max-width:1200px ) {
	.service {width: 90%;margin: 1em auto;}
	.service div div div {  height: 18vw;padding: 5vw 0 0;}
	.service a.more-btn {padding: .3em .8em;}
}
@media screen and (max-width:1024px ) {
.flexbox-item { width:100%;}
.service div div div {  height: 26vw;padding: 8vw 0 0}
h3, h4 { font-size: 2.5vw;}

#content .lunch li {  min-height:140px;}
/*
#content .lunch li:first-child {width:100%; display:block}
#content .lunch li {  width:50%; min-height:141px; display:table-cell;}
*/
}
@media screen and (max-width:1023px ) {
.blog div {	width: 48%;}
.blog div:first-child {	width: 98%;}
}

@media screen and (max-width:990px ) {
#content ol{ display:block}
#content ol .link-box {	width:95%; margin:1vw 0; float:right}

}
@media screen and (max-width:768px ) {
.service div div div { padding: 6vw 0 0}
h3, h4 { font-size:3.2vw;}
.product-variety div {	width: 100%;}

}
@media screen and (max-width:767px) {
	.blog div, .blog div:first-child {	width: 100%; margin:0 0 1em}
	
	
	
.table-responsive {
	width: 100%;
	margin:2rem 0;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #eee;
	min-height: .01%;
    overflow-x: auto;}
.table {	width: 100%;max-width: 100%;}
.tbl-copy { margin:0rem 0;}
}
@media screen and (max-width:620px) {
#content .lunch li {  min-height:170px;}
}
@media screen and (max-width:567px ) {
	.service div div div {  height: 52vw;padding: 16vw 0 0; width:100%; display:block}
	h3, h4 { font-size:5vw;}
	
	div.row { position:relative; height:104vw}
	div.row div:first-child{ position:absolute; top:52vw;}
	
	.products div {	padding: 0;}
	#content .lunch li {  min-height:80px;}
}
@media screen and (max-width:430px ) {
#content ol .link-box {	padding: 15px 20px 15px 35px;}
}
@media screen and (max-width:420px ) {
.service div div div {padding: 12vw 0 0;}
h3, h4 {font-size:6vw;}
}
@media screen and (max-width:320px ) {
.service div div div {padding: 10vw 0 0;}
h3, h4 {font-size: 7vw;}
}