@charset "UTF-8";
xarticle {background-image:none;}
.borderbox-basis {max-width:80vw;}
.textbox-basis:not(.padding) {padding:0em;}
.icon-speisewert-doppelgänger img {width:2.5em;height:auto;}

.doppelgänger-gridbox-container {
	box-sizing: border-box;
	background-color: lightgray;
	display:grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: min-content;
	width:100%;
}
/* The syntax is grid-row-start / grid-column-start / grid-row-end / grid-column-end.   */
.doppelgänger-gridbox-container-item-1 {grid-area:1 / 1 / 1 / 1;padding:.5em;background-color:green;border-top:0.1em black solid;}
.doppelgänger-gridbox-container-item-1 div:not(.icon-speisewert-doppelgänger) img {width:8em;height:auto;border:0em white solid;}
.doppelgänger-gridbox-container-item-1 div:is(.small-image) img {width:auto;height:12em;border:0em white solid;}
			
.doppelgänger-gridbox-container-item-2 {grid-area:1 / 2 / 1 / 2;;padding:.5em;background-color:red;border-top:0.1em black solid;}
.doppelgänger-gridbox-container-item-2 div:not(.icon-speisewert-doppelgänger) img {width:8em;height:auto;border:0em black solid;}
.doppelgänger-gridbox-container-item-2 div:is(.small-image) img {width:auto;height:12em;border:0em white solid;}

.doppelgänger-gridbox-container ul {margin-top:.2em;margin-bottom:.2em;padding-left: 1.7em;}

.doppelgänger-flexbox {
	border:0em red solid;
	box-sizing: border-box;
	flex-direction:row;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-around;
}

.doppelgänger-flexbox-items {
	box-sizing: border-box;
	background: transparent;
	flex-basis:auto;
	text-align: center;
}
.doppelgänger-flexbox img {height:12em;margin-top:.5em;}

/*-------------------------------------------------------------------------------------------*/ 
/* Handy Querformat                                                                          */
/*-------------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 360px) and (max-width: 1024px) and (orientation:landscape) {
 .borderbox-basis {max-width:100vw;text-align:center;}
}
/*-------------------------------------------------------------------------------------------*/ 
/* Handy Hochformat                                                                          */
/*-------------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 150px) and (max-width: 1024px) and (orientation:portrait) {
  .infobox {overflow-x:auto;}
	.borderbox-basis {max-width:100vw;text-align:center;}
	.doppelgänger-gridbox-container-item-1 div:not(.icon-speisewert-doppelgänger) img {align-self: center;border:0em white solid;}
}