@charset "UTF-8";
/* Ein Block mit display:contents wird mitsamt seinen Eigenschaften völlig außer Acht gelassen,
   so als wären sein öffnendes und schließendes HTML-Tag gar nicht vorhanden.
	 Das Element wird sozusagen unsichtbar im Layout. Seine Kinder bleiben unangetastet und verhalten sich,
	 als säßen sie direkt im übergeordneten Container.*/
.mobile-block {display:contents;}

.mobile-visible {display:none;}
/*-------------------------------------------------------------------------------------------*/ 
/* Handy Querformat                                                                          */
/*-------------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 360px) and (max-width: 1024px) and (orientation:landscape) {
	.mobile-justify-content-between {justify-content:space-between!important;}
	.mobile-justify-content-around 	{justify-content:space-around!important;}
	.mobile-justify-content-evenly 	{justify-content:space-evenly!important;}
	.mobile-justify-content-center 	{justify-content:center!important;}
	.mobile-justify-content-left 		{justify-content:left!important;}
	.mobile-no-padding  			{padding:unset!important;}
	.mobile-no-padding-top  	{padding-top:unset!important;}
	.mobile-no-padding-right  {padding-right:unset!important;}
	.mobile-no-padding-bottom {padding-bottom:unset!important;}
	.mobile-no-padding-left  	{padding-left:unset!important;}
  .mobile-no-margin  			{margin:unset!important;}
	.mobile-no-margin-top  	{margin-top:unset!important;}
	.mobile-no-margin-right  {margin-right:unset!important;}
	.mobile-no-margin-bottom {margin-bottom:unset!important;}
	.mobile-no-margin-left  	{margin-left:unset!important;} 
	
	.mobile-hide {display: none;}
	.mobile-visible {display:block;}
	.mobile-text-center {text-align:center!important;}
	.mobile-text-left {text-align:left!important;}
	.mobile-text-break {
		word-wrap: break-word; /* Lange Wörter umbrechen */
		overflow-wrap: break-word; 
	}
	.mobile-overflowbox {overflow:auto;}
	
}
/*-------------------------------------------------------------------------------------------*/ 
/* Handy Hochformat                                                                          */
/*-------------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 150px) and (max-width: 1024px) and (orientation:portrait) {
	.mobile-justify-content-between {justify-content:space-between!important;}
	.mobile-justify-content-around 	{justify-content:space-around!important;}
	.mobile-justify-content-evenly 	{justify-content:space-evenly!important;}
	.mobile-justify-content-center 	{justify-content:center!important;}
	.mobile-justify-content-left 		{justify-content:left!important;}
	.mobile-no-padding  			{padding:unset!important;}
	.mobile-no-padding-top  	{padding-top:unset!important;}
	.mobile-no-padding-right  {padding-right:unset!important;}
	.mobile-no-padding-bottom {padding-bottom:unset!important;}
	.mobile-no-padding-left  	{padding-left:unset!important;}
  .mobile-no-margin  			{margin:unset!important;}
	.mobile-no-margin-top  	{margin-top:unset!important;}
	.mobile-no-margin-right  {margin-right:unset!important;}
	.mobile-no-margin-bottom {margin-bottom:unset!important;}
	.mobile-no-margin-left  	{margin-left:unset!important;} 
	
	.mobile-hide {display: none;}
	.mobile-visible {display:block;}
	.mobile-text-center {text-align:center!important;}
	.mobile-text-left {text-align:left!important;}
	.mobile-text-break {
		word-wrap: break-word; /* Lange Wörter umbrechen */
		overflow-wrap: break-word; 
	}
	.mobile-overflowbox {overflow:auto;}	
}