@charset "UTF-8";
.textbox-basis {
	box-sizing: border-box;
	display:block;
	background-color: var(--background-color-1);
	box-shadow:var(--box-shadow);
	padding:.5em;
	text-align:left;
	border:0em green solid;
} 
.textbox-basis:not(:first-child) {margin-top:.5em;} 
/*-------------------------------------------------------------------------------------------*/ 
/* Basis border-box 			                                                                   */
/*-------------------------------------------------------------------------------------------*/
.borderbox-basis {
	display:block;
	box-sizing: border-box;
	background-color:  lightgrey;  
	box-shadow: var(--box-shadow);
	margin: 1em auto auto auto;
	padding:1em;
	resize:both;
	width:fit-content;
	max-width:calc(100vw - 2em);
	text-align:left;
	border:0em blue solid;
}
.borderbox-basis {margin-bottom:1em;}  
/*-------------------------------------------------------------------------------------------*/ 
/* Informations Box 			                                                                   */
/*-------------------------------------------------------------------------------------------*/
.infobox {
	background-color:  white;
  padding:.2em;  
	box-shadow: var(--box-shadow);
	width:calc(100% - .5em);
}
	
.infobox.width-1 {width:fit-content;}
/*-------------------------------------------------------------------------------------------*/ 
/* Grosse Aufloesung                                                                         */
/*-------------------------------------------------------------------------------------------*/ 
@media (min-resolution: 200dpi) {}
/*-------------------------------------------------------------------------------------------*/ 
/* Handy Querformat                                                                          */
/*-------------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 360px) and (max-width: 1024px) and (orientation:landscape) {
	 .mobile-overflowbox {overflow:auto;}
}
/*-------------------------------------------------------------------------------------------*/ 
/* Handy Hochformat                                                                          */
/*-------------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 150px) and (max-width: 1024px) and (orientation:portrait) {
	.borderbox-basis {max-width:calc(100% - .5em);}
	.mobile-overflowbox {overflow:auto;}
}