@charset "UTF-8";
xarticle {background-image:none;}
.borderbox-basis {max-width:80vw;}
/*-------------------------------------------------------------------------------------------*/ 
/* Grid mit image und text                                                                   */
/*-------------------------------------------------------------------------------------------*/ 
.grundwissen-gridbox-container {
	box-sizing:border-box;
	background-color:var(--background-color-1);
	box-shadow:var(--box-shadow);
	display:grid;
	border:0em black solid; 
	grid-template-columns:12em auto;
	grid-template-rows: auto;
}
/*               grid-area:1 / 3 / span 2 / 3                                           */
/* The syntax is grid-row-start / grid-column-start / grid-row-end / grid-column-end.   */
.grundwissen-gridbox-container-item-1 {grid-area:1 / 1 / 1 / 1;border:0em green solid;margin:1em auto auto auto;}
.grundwissen-gridbox-container-item-1 img {width:10em;height:auto;border:0em black solid;}

.grundwissen-gridbox-container-item-2 {grid-area:1 / 2 / 1 / 2;padding:.5em;border:0em green solid;}
/*-------------------------------------------------------------------------------------------*/ 
/*tabelle                                                                                    */
/*-------------------------------------------------------------------------------------------*/ 
.grundwissen-table {
	border-collapse:collapse; 
	box-sizing: border-box;
	text-align:left;
	margin-top:.5em;
	margin-bottom:.5em;
	margin-left:-.3em;
	width:calc(100% - .5em);
}
.grundwissen-table th {width:7em;border:0em red solid;}
.grundwissen-table td,th {vertical-align:top;padding: 0 .3em 0 .3em;}
/*-------------------------------------------------------------------------------------------*/ 
/* Felexbox für images oder videos                                                           */
/*-------------------------------------------------------------------------------------------*/ 
.grundwissen-flexbox {
	border:0em red solid;
	box-sizing: border-box;
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:1em;
}
.grundwissen-justify-content-center {justify-content:center;}
.grundwissen-justify-content-left {justify-content:left;}
.grundwissen-flexbox.grundwissen-justify-content-1 {justify-content:center;}

.grundwissen-flexbox-items {
	box-sizing: border-box;
	background: transparent;
	flex-basis:auto;
	/*flex-basis: max-content;*/
	text-align: center;
}
.grundwissen-flexbox:last-child{margin:.5em;}
/*-------------------------------------------------------------------------------------------*/ 
/* block mit image oder video und text                                                        */
/*-------------------------------------------------------------------------------------------*/ 
.grundwissen-medien-block-1 {
	box-sizing: border-box;
	display:block;
	background-color: var(--background-color-1);
	box-shadow:var(--box-shadow-medien);
	margin-top:.5em;
}
.grundwissen-medien-block-1 img {width:11em;height:auto;margin-bottom:-.4em;}
.grundwissen-medien-block-1 video {width:11em;height:auto;margin-bottom:-.4em;}

.grundwissen-medien-block-1-text:not(:empty) {width:10.3em;padding:.3em .3em .3em .3em;background-color: var(--background-color-1);}
/*-------------------------------------------------------------------------------------------*/ 
/* Grosse Aufloesung                                                                         */
/*-------------------------------------------------------------------------------------------*/ 
@media (min-resolution: 200dpi) {}
/*-------------------------------------------------------------------------------------------*/ 
/* Handy Querformat                                                                          */
/*-------------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 360px) and (max-width: 1024px) and (orientation:landscape) {}
/*-------------------------------------------------------------------------------------------*/ 
/* Handy Hochformat                                                                          */
/*-------------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 150px) and (max-width: 1024px) and (orientation:portrait) {
	.borderbox-basis {max-width:100vw;text-align:center;}
	.grundwissen-gridbox-container-item-2 {padding:.8em;border:0em green solid;}
	.grundwissen-gridbox-container {display: flex;flex-wrap:wrap;justify-content:center;}
}