@charset "UTF-8";

html{
	background-color: #000;
}

body {
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 18px;
	cursor: default;
	user-select: None; 
	-ms-user-select: None; 
	-moz-user-select: None; 
	-webkit-user-select: None;
	-webkit-tap-hoghlight-color: transparent;
	-webkit-touch-callout: none;
}

.ui-nosvg .ui-icon-star2:after
	{background-image:url(../themes/images/icons-png/star2-white.png)
}

.ui-nosvg .ui-icon-cadrt:after
	{background-image:url(../themes/images/icons-png/cart-white.png)
}

.ui-datepicker {
  width: 260px; 
}

.ui-state-a-a {
	text-align: center  !IMPORTANT; 
	border: 1px solid #125d79 !IMPORTANT;
	background: #22aadd !IMPORTANT;
}
.ui-state-a-b {
	text-align: center  !IMPORTANT; 
	border: 1px solid #a55d09 !IMPORTANT;
	background: #f7931e !IMPORTANT;
}
.ui-state-a-c {
	text-align: center !IMPORTANT; 
	border: 1px solid #a50d13 !IMPORTANT;
	background: #ed1c24 !IMPORTANT;
}
.ui-state-a-d {
	text-align: center !IMPORTANT;
	border: 1px solid #006837 !IMPORTANT;
	background: #009245 !IMPORTANT;
}
.ui-state-a-e {
	text-align: center  !IMPORTANT;
	border: 1px solid #692067 !IMPORTANT;
	background: #93278f !IMPORTANT;
}
.ui-state-a-f {
	text-align: center !IMPORTANT;
	border: 1px solid #960d49 !IMPORTANT;
	background: #ed1e79 !IMPORTANT;
}
.ui-state-a-g {
	text-align: center !IMPORTANT;
	border: 1px solid #8c6239 !IMPORTANT;
	background: #c69c6d !IMPORTANT;
}
.ui-state-a-h {
	text-align: center !IMPORTANT;
	border: 1px solid #603813 !IMPORTANT;
	background: #8c6239 !IMPORTANT;
}
.ui-state-a-i {
	text-align: center  !IMPORTANT;
	border: 1px solid #000000 !IMPORTANT;
	background: #4d4d4d !IMPORTANT;
}

.ui-datepicker td {
	text-align: center ; 
}

.ui-widget-content .ui-state-default {
	text-align: center ; 
	border: 1px solid #666666;
	background: #555555;
}

/*.ui-page-theme-e ui-widget-content.ui-state-active {
	background: #93278f ;
	border-color: #1f1f1f ;
}*/

.ui-icon-star2 {
  background: url(../themes/images/icons-png/star2-white.png) 50% 50% no-repeat; 
}

.ui-icon-cart {
  background: url(../themes/images/icons-png/cart-white.png) ;
	width: 14px;
	height: 14px ;
}

.ui-input-text {
	margin: 0 0 10px 0 !important ;
}

.ui-mobile label {
	margin: 5px 0 2px 0 ;
}

.halloDiv1 {
	height: calc(100% - 340px);
}

.halloDiv2 {
	
}

.halloLogo {
	max-width: 300px;
	max-height: 200px;
}

.swal2-popup  {
	background-color: rgba(33,33,33,1);
	data-animation:none !important
}

.swal2-title  {
	color: rgba(255,255,255,0.7);
}

.swal2-content  {
	color: rgba(255,255,255,1);
}

.mySwal_Theme_A {
	border-color: '#22aadd';
	color: '#22aadd';	
}
.mySwal_Theme_B {
	border-color: '#f7931e';
	color: '#f7931e';	
}
.mySwal_Theme_C {
	border-color: '#ed1c24';
	color: '#ed1c24';	
}
.mySwal_Theme_D {
	border-color: '#009245';
	color: '#009245';	
}
.mySwal_Theme_E {
	border-color: '#93278f';
	color: '#93278f';	
}
.mySwal_Theme_F {
	border-color: '#ed1e79';
	color: '#ed1e79';	
}
.mySwal_Theme_G {
	border-color: '#c69c6d';
	color: '#c69c6d';	
}
.mySwal_Theme_H {
	border-color: '#8c6239';
	color: '#8c6239';	
}
.mySwal_Theme_I {
	border-color: '#4d4d4d';
	color: '#4d4d4d';	
}

.centerControlGroup {
    font-size:1.0em;
    margin: 0 auto;
    width:100%;
    text-align: center;
    position:relative;
    left:0%
}

.trennung {
    text-align: left;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
}

.blockText {
	white-space: normal !important ;
	margin: 0 ;
	text-align: justify ;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
}

.blockButton {
	white-space: nowrap !important;
	text-align: center !important ;
    overflow: unset !important;
}

.hiddenDiv {
	visibility: hidden;
	height: 0px;
	padding: 0px !important ;
	margin: 0px !important ;
}

.activeStar {
	opacity: 1 ;
}

.inactiveStar {
	opacity: 0.4 ;
}

#buchung80 .ui-controlgroup-controls {
    width: 100%
}

#buchung81 .ui-controlgroup-controls {
    width: 100%
}

#buchung82 .ui-controlgroup-controls {
    width: 100%
}

#buchung90 .ui-controlgroup-controls {
    width: 100%
}

#storno11 .ui-controlgroup-controls {
    width: 100%
}

#storno12 .ui-controlgroup-controls {
    width: 100%
}

#storno13 .ui-controlgroup-controls {
    width: 100%
}

#storno14 .ui-controlgroup-controls {
    width: 100%
}

#storno15 .ui-controlgroup-controls {
    width: 100%
}

#storno16 .ui-controlgroup-controls {
    width: 100%
}

#storno17 .ui-controlgroup-controls {
    width: 100%
}

#indivPicture .ui-controlgroup-controls {
    width: 100%
}


#buchung80 .ui-radio {
    width: 24.8%;
}

#buchung81 .ui-radio {
    width: 24.8%;
}

#buchung82 .ui-radio {
    width: 33.2%;
}

#buchung90 .ui-checkbox {
    width: 14.28%;
}

#storno11 .ui-radio {
    width: 24.8%;
}

#storno12 .ui-radio {
    width: 24.8%;
}

#storno13 .ui-radio {
    width: 24.8%;
}

#storno14 .ui-radio {
    width: 24.8%;
}

#storno15 .ui-radio {
    width: 24.8%;
}

#storno16 .ui-radio {
    width: 24.8%;
}

#storno17 .ui-radio {
    width: 24.8%;
}

#indivPicture .ui-radio {
    width: 33.3%;
}

#flip-bg .ui-radio {
    width: 33.3%;
}

.ui-screen-hidden {
	margin-top: 0;
	margin-bottom: 0 ;
	padding: 0 !important ;
	margin: 0 !important ;
	height: 0 !important ;
}

.fsTimeD {
	background-color: rgba(0,0,0,0) !important; 
	border-color: rgba(0,0,0,0) !important; 
	height: 44px; 
	margin-right: 5px;
	font-size: 61.11111%;
}
.fsTimeH {
	xxwidth: 20px;
	xxfont-size: 11px;
	font-weight: 100 !important;
	text-overflow:inherit;
	text-align: center;
	border-radius: 0px !important;
	white-space: break-spaces;
	opacity: 1;
}
.fsTime {
	xxwidth: 20px;
	xxfont-size: 11px;
	font-weight: 700 !important;
	text-overflow:inherit;
	text-align: center;
	border-radius: 0px !important;
}

.ui-input-search:after {opacity: 0.9; transform: scale(1); background-position: center center; background-repeat: no-repeat; width: 14px; height: 14px; background-image:url(../themes/images/icons-png/search-white.png) !important}
#container{ display:block; }

.bereichfuss { text-align: center; background-image: linear-gradient(#444, #222); }
.bildiminhalt { width: 100%; height: auto; }

/* Footer am einklappen hindern */
.ui-footer.ui-fixed-hidden { position: fixed !important; }

.ui-header .ui-title, .ui-footer .ui-title { text-align: center; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
.ui-bg-text { background-color: rgba(33,33,33,0.70); padding: 5px; }
.ui-page-theme-a .ui-btn { background-color: rgba(33,33,33,0.70); }
.ui-page-theme-b .ui-btn { background-color: rgba(33,33,33,0.70); }
.ui-page-theme-c .ui-btn { background-color: rgba(33,33,33,0.70); }
.ui-page-theme-d .ui-btn { background-color: rgba(33,33,33,0.70); }
.ui-page-theme-e .ui-btn { background-color: rgba(33,33,33,0.70); }
.ui-page-theme-f .ui-btn { background-color: rgba(33,33,33,0.70); }
.ui-page-theme-g .ui-btn { background-color: rgba(33,33,33,0.70); }
.ui-page-theme-h .ui-btn { background-color: rgba(33,33,33,0.70); }
.ui-page-theme-i .ui-btn { background-color: rgba(33,33,33,0.70); }
.ui-page-theme-j .ui-btn { background-color: rgba(33,33,33,0.70); }

h1 { margin: 0; }
p { margin: 0; }

.ui-controlgroup, fieldset.ui-controlgroup { margin: 0 0 0 -10px; padding: 0; }

.bll_dl_s			{ float: left; width: 68px ; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_s			{ float: left; width: calc(100% - 76px) ; padding: 0 0 3px 0;	text-align: left; }
.bll_dl_m			{ float: left; width: 130px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_m			{ float: left; width: calc(100% - 138px) ; padding: 0 0 3px 0;	text-align: left; }
.bll_dl_t			{ float: left; width: 68px ; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_t			{ float: left; width: calc(100% - 76px) ; padding: 0 0 3px 0;	text-align: left; }
.boxP1_MA		{ float: left; width: 25%; padding: 0 0 3px 0;	text-align: center; }
.boxP2_MA		{ float: left; width: 75%; padding: 0 0 3px 0;	text-align: left; }
.box1M_MA		{ float: left; width: 44%; padding: 0 0 3px 0;	text-align: center; }
.box2M_MA		{ float: left; width: 56%; padding: 0 0 3px 0;	text-align: left; }
.bll_dl_text		{ float: left; width: 65%; padding: 0 ;	text-align: left; }
.blr_dl_text	{ float: left; width: 34%; padding: 0 ;	text-align: right; }
.bll_ma		{ float: left; width: 22%; padding: 0 0 3px 0;	text-align: center; }
.blr_ma		{ float: left; width: 78%; padding: 0 0 3px 0;	text-align: left; }
.bll_ma_text		{ float: left; width: 67%; padding: 0 0 3px 0;	text-align: center; }
.blr_ma_text		{ float: left; width: 33%; padding: 0 0 3px 0;	text-align: left; }



.box1		{ width: 80%; padding: 0 3px 3px 0; }
.box2		{ width: 80%; padding: 0 3px 3px 0; }

		
		.fsTimeW7		{ width: 22px; font-size: 55.55556% ; }
		.fsTimeW6		{ width: 27px; font-size: 62% ; }
		.fsTimeW5		{ width: 32px; font-size: 70% ; }
		.fsTimeD		{ height: 44px; margin-right: 5px; font-size: 110%; }

.ui-panel.ui-panel-open {
    position:fixed;
}
.ui-panel .ui-panel-inner {
	padding: 0.1em;
    height: 100%;
    overflow-y: auto;
}
.ui-panel-inner {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.ui-page { -webkit-backface-visibility: hidden; }
/*.ui-page { -webkit-transition-duration: '4s'; }*/

/*#meinetabelle { position: absolute; }
#innerdiv { width: 100%; overflow:auto; }
#innertab { border: 0px; width:  100%; }
th+th+th {width:34%;}
td+td+td {width:34%;}*/
/* --- überdehnen verhindern ??? --- */
/* t1 .myPage { position: fixed !important; overflow: hidden !important; } */
.myPage { position: fixed !important; overflow: hidden !important; }
/* .myPageFromHome { position: fixed !important; overflow: hidden !important; } */

/* BG fixieren */
div[data-role="page"] { background-attachment: fixed ; background-position: top right;	background-size: cover;	top: 0; left: 0; height: 100%; width: 100%; }

/* --- auch in MediaQuery --- */
.textblock { padding: 5px 5px 5px 5px; }
.ui-header .ui-title, .ui-footer .ui-title { font-size: 1em; min-height: 1.1em; margin: 0 10%;  padding: .7em 0; }
.ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all { -webkit-border-radius: 5px; border-radius: 5px; margin: 0 .1em .1em 0;}
.myBtnGrpWidth	{ width: 122px; }

.imgleft { text-align: left; margin: 3px 0 0 0 ;}
.imgzentriert { text-align: center;}
.iconSizeT { width: 66px ; }
.iconSizeXS { width: 66px ; }
.iconSizeS { width: 66px ; }
.iconSizeM { width: 124px ;}
.iconSizeL { width: 100% ; }
.iconSizeXL { width: 297px ; height: 202px ;}
.iconSizeMaS { width: 60px ; }
.iconSizeMaM { width: 72px ;}

.iconSize22 { width: 26px ; height: 26px ;}

.ui-select { margin: 5px 5px 0 5px; }
/*div-dlgrp .ui-select { margin-top: 0 ; margin-bottom: 0 ;}
select-dlgrp .ui-select { margin-top: 0 ; margin-bottom: 0 ;}*/

.myPage_Kosmetik1 { background-image: url(../bilder/SW_P_0.jpg); }
.myPage_Kosmetik2 { background-image: url(../bilder/BG_P_0.jpg); }
.clear { clear: both; }

#cssType { height: 1px ; }

/*@media (max-width : 639px) {
	.box_dyn_dl		{ float: left; width: 100%; padding: 0 0 1px 0;}
	#cssType		{ height: 0px ; }
}
@media (min-width : 640px) and (max-width : 959px) {
	.box_dyn_dl		{ float: left; width: 49.8%; padding: 0 2px 4px 2px;}
	.blt_dl_height			{ height: 80px; }
}
@media (min-width : 960px) and (max-width : 1279px) {
	.box_dyn_dl		{ float: left; width: 33.3%; padding: 0 2px 4px 2px;}
	.blt_dl_height			{ height: 80px; }
}
@media (min-width : 1280px) and (max-width : 1599px) {
	.box_dyn_dl		{ float: left; width: 24.95%; padding: 0 2px 4px 2px;}
	.blt_dl_height			{ height: 80px; }
}
@media (min-width : 1600px) and (max-width : 1919px) {
	.box_dyn_dl		{ float: left; width: 19.98%; padding: 0 2px 4px 2px;}
	.blt_dl_height			{ height: 80px; }
}
@media (min-width : 1920px) and (max-width : 2239px) {
	.box_dyn_dl		{ float: left; width: 16.65%; padding: 0 2px 4px 2px;}
	.blt_dl_height			{ height: 80px; }
}
@media (min-width : 2240px) {
	.box_dyn_dl		{ float: left; width: 14.25%; padding: 0 2px 4px 2px;}
	.blt_dl_height			{ height: 80px; }
}*/

@media (max-width : 767px) {
	.box_dyn_dl		{ float: left; width: 100%; padding: 0 0 1px 0;}
	#cssType		{ height: 0px ; }
}
@media (min-width : 768px) and (max-width : 1279px) {
	.box_dyn_dl		{ float: left; width: 49.8%; padding: 0 2px 4px 2px;}
	.blt_dl_height			{ height: 80px; }
}
@media (min-width : 1280px) and (max-width : 1599px) {
	.box_dyn_dl		{ float: left; width: 33.3%; padding: 0 2px 4px 2px;}
	.blt_dl_height			{ height: 80px; }
}
@media (min-width : 1600px) and (max-width : 2399px) {
	.box_dyn_dl		{ float: left; width: 24.95%; padding: 0 2px 4px 2px;}
	.blt_dl_height			{ height: 80px; }
}
@media (min-width : 2400px) and (max-width : 2999px) {
	.box_dyn_dl		{ float: left; width: 19.98%; padding: 0 2px 4px 2px;}
	.blt_dl_height			{ height: 80px; }
}
@media (min-width : 3000px) and (max-width : 3999px) {
	.box_dyn_dl		{ float: left; width: 16.65%; padding: 0 2px 4px 2px;}
	.blt_dl_height			{ height: 80px; }
}
@media (min-width : 4000px) {
	.box_dyn_dl		{ float: left; width: 14.25%; padding: 0 2px 4px 2px;}
	.blt_dl_height			{ height: 80px; }
}


@media (max-width : 639px) {
	.box_dyn_ma		{ float: left; width: 100%; padding: 0 0 1px 0;}
}
@media (min-width : 960px) and (max-width : 22959px) {
	.box_dyn_ma	{ float: left; width: 49.5%; padding: 0 2px 4px 2px;}
	.blt_ma_height			{ min-height: 200px; }
}

/* PORTRAIT */
@media (orientation : portrait) {

	
	/* EINZELGERÄTE */
	/* SE im Browser */
	@media only screen and (max-height: 544px) {
		.halloDiv1 {
			height: 235px ;
		}
	}
	
	/* iPhone SE */
 	/* @media only screen and (device-width: 33320px) and (device-height: 568px) { */
 	@media only screen and (max-width: 374px) {
		body { font-family: Helvetica, Arial, sans-serif; font-size: 18px }
		
		.myPage_Kosmetik1 { background-image: url(../bilder/SW_P_0.jpg); }
		.myPage_Kosmetik2 { background-image: url(../bilder/BG_P_0.jpg); }

.bll_dl_s			{ float: left; width: 72px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_s			{ float: left; width: calc(100% - 80px) ; padding: 0 0 3px 0;	text-align: left; }
.bll_dl_m			{ float: left; width: 130px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_m			{ float: left; width: calc(100% - 138px) ; padding: 0 0 3px 0;	text-align: left; }
.bll_ma		{ float: left; width: 22%; padding: 0 0 3px 0;	text-align: center; }
.blr_ma		{ float: left; width: 78%; padding: 0 0 3px 0;	text-align: left; }
.bll_ma_text		{ float: left; width: 67%; padding: 0 0 3px 0;	text-align: center; }
.blr_ma_text		{ float: left; width: 33%; padding: 0 0 3px 0;	text-align: left; }
		
		.ui-header .ui-title, .ui-footer .ui-title { font-size: 1em; min-height: 1.1em; margin: 0 10%;  padding: .7em 0; }
		.ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all { -webkit-border-radius: 5px; border-radius: 5px; margin: 0 .1em .1em 0;}
		
		.fsTimeW7		{ width: 22px; font-size: 55.55556% ; }
		.fsTimeW6		{ width: 27px; font-size: 62% ; }
		.fsTimeW5		{ width: 32px; font-size: 70% ; }
		.fsTimeD		{ height: 44px; margin-right: 5px; font-size: 110%; }
		
		.iconSizeXS		{ width: 62px ; height: 48px ;}
		.iconSizeS		{ width: 66px ; }
		.iconSizeM		{ width: 124px ; height: 96px ;}
		.iconSizeL		{ width: 100% ;}
		
		.iconSize18		{ height: 14px; width: 14px;} /* 14px = fs18 */
		.iconSize16		{ height: 13px; width: 13px;} /* 14px = fs18 */
		.iconSize13		{ height: 9px; width: 9px;}	/* 9px = fs12 */
		.iconSize12		{ height: 8px; width: 8px;}	/* 8px = fs12 */
		.iconSize11		{ height: 8px; width: 8px;}	/* 8px = fs12 */
		
		.iconSize { width: 9px ; height: 9px ; }
		.copyright		{ font-size: 72.22222% ; position:absolute; bottom: 0; height:165px; }
		.myButton		{ text-align: center !important ; vertical-align: middle !important ; border-radius: 0.5em !important; margin: .1em .4em !important ; font-size: 61.11111% !important ; }
	}
	
	/* iPhone 8 */
	/* @media only screen and (device-width: 99375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) { */
	@media only screen and (min-width: 375px) and (max-width: 767px) {
		body { font-family: Helvetica, Arial, sans-serif; font-size: 18px }
		
		div[data-role="xxpage"] { background-image: url(../bilder/BG_P_0.jpg); }
		.myPage_Kosmetik1 { background-image: url(../bilder/SW_P_0.jpg); }
		.myPage_Kosmetik2 { background-image: url(../bilder/BG_P_0.jpg); }
		
		.halloDiv1 {
			margin-top: 30px;
			height: calc(100% - 372px);
		}

		th { border-bottom: 2px solid #333 ; }
		tr:nth-child(even) { border-bottom: 1px solid #333; }
		tr:nth-child(odd) { border-bottom: 1px solid #333; }
		#einlogformular input { border: #999 solid 1px; }
		.textblock { padding: 5px 5px 5px 5px; }
		.ui-header .ui-title, .ui-footer .ui-title { font-size: 1em; min-height: 1.1em; margin: 0 10%;  padding: .7em 0; }
		.ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all { -webkit-border-radius: 5px; border-radius: 5px; margin: 0 .1em .1em 0;}
		.myBtnGrpWidth	{ width: 178px; }
		
		.fsTimeW7 {
			width: 28px;
			font-size: 60% ;
		}
		.fsTimeW6 {
			width: 32px;
			font-size: 72% ;
		}
		.fsTimeW5 {
			width: 36px;
			font-size: 90% ;
		}
		.fsTimeD { 
			height: 44px; 
			margin-right: 5px;
			font-size: 110%;
		}
		.iconSizeS { width: 66px ; }
		.iconSizeM { width: 124px ; height: 96px ;}
		.iconSizeL { width: 100% ;}
		
		.iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */
		.iconSize16 { height: 13px; width: 13px;} /* 14px = fs18 */
		.iconSize13 { height: 9px; width: 9px;}	/* 8px = fs12 */
		.iconSize12 { height: 8px; width: 8px;}	/* 8px = fs12 */
		.iconSize { width: 9px ; height: 9px ; }
		.copyright { font-size: 72.22222% ; position:absolute; bottom: 0; height:165px; }
		.myButton { text-align: center !important ; vertical-align: middle !important ; border-radius: 0.5em !important; margin: .1em .4em !important ; font-size: 61.11111% !important ; }
	}
	
	/* iPad & Co */
	@media only screen and (min-width : 768px) {
		body { font-family: Helvetica, Arial, sans-serif; font-size: 24px }
		.ui-input-search:after {opacity: 0.9; transform: scale(2); background-position: center center; background-repeat: no-repeat; width: 44px; height: 14px; }
		.ui-input-clear { transform: scale(1.8) }
		
		.myPage_Kosmetik1 { background-image: url(../bilder/SW_P_3.jpg); }
		.myPage_Kosmetik2 { background-image: url(../bilder/BG_P_3.jpg); }
.bll_dl_s			{ float: left; width: 110px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_s			{ float: left; width: calc(100% - 118px) ; padding: 0 0 3px 0;	text-align: left; }
.bll_dl_m			{ float: left; width: 180px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_m			{ float: left; width: calc(100% - 188px) ; padding: 0 0 3px 0;	text-align: left; }
.bll_dl_t			{ float: left; width: 260px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_t			{ float: left; width: calc(100% - 268px) ; padding: 0 0 3px 0;	text-align: left; }
		
		
		
		.halloDiv1 {
			margin-top: 30px;
			height: calc(100% - 383px);
		}
		
		.textblock { padding: 10px; }
		.ui-header .ui-title, .ui-footer .ui-title { font-size: 1em; min-height: 1.1em; margin: 0 10%;  padding: .7em 0; }
		.ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all { -webkit-border-radius: 10px; border-radius: 10px; margin: 0 .2em .2em 0;}
		
		.fsTimeW7 {
			width: 50px;
			font-size: 77.77778% ;
		}
		.fsTimeW6 {
			width: 55px;
			font-size: 90% ;
		}
		.fsTimeW5 {
			width: 60px;
			font-size: 90% ;
		}
		.fsTimeD { 
			height: 50px; 
			margin-right: 5px;
			font-size: 90%;
		}
		.iconSizeXS		{ width: 90px ;}
		.iconSizeT		{ width: 250px ; }
		.iconSizeS		{ width: 100px ; }
		.iconSizeM		{ width: 170px ; }
		.iconSizeL		{ width: 100%; }
		.iconSizeXL		{ width: 497px ; height: 332px ;}
		
		.iconSize18		{ height: 28px; width: 28px;} /* 14px = fs18 */
		.iconSize12		{ height: 16px; width: 16px;} /* 8px = fs12 */
		
		.ui-mobile label, div.ui-controlgroup-label {
			font-weight: normal;
			font-size: 24px;
		}
	}
}

/* LANDSCAPE */
@media (orientation : landscape) {
	

	
	/* EINZELGERÄTE */
	
	/* iPhone SE */
	@media only screen and (max-height: 374px) {
		body { font-family: Helvetica, Arial, sans-serif; font-size: 18px }
		.ui-input-search:after {opacity: 0.9; transform: scale(2); background-position: center center; background-repeat: no-repeat; width: 44px; height: 14px; }
		.ui-input-clear { transform: scale(1.8) }
		.ui-header .ui-title, .ui-footer .ui-title { font-size: 0.9em ; min-height: 1.1em; margin: 0 10%;  padding: .7em 0; }
		.ui-navbar li .ui-btn {
			font-size: 11.5px;
		}
		
		.myPage_Kosmetik1 { background-image: url(../bilder/SW_P_3.jpg); }
		.myPage_Kosmetik2 { background-image: url(../bilder/BG_P_3.jpg); }
.bll_dl_s			{ float: left; width: 72px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_s			{ float: left; width: calc(100% - 80px) ; padding: 0 0 3px 0;	text-align: left; }
.bll_dl_m			{ float: left; width: 130px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_m			{ float: left; width: calc(100% - 138px) ; padding: 0 0 3px 0;	text-align: left; }
.bll_ma		{ float: left; width: 22%; padding: 0 0 3px 0;	text-align: center; }
.blr_ma		{ float: left; width: 78%; padding: 0 0 3px 0;	text-align: left; }
.bll_ma_text		{ float: left; width: 67%; padding: 0 0 3px 0;	text-align: center; }
.blr_ma_text		{ float: left; width: 33%; padding: 0 0 3px 0;	text-align: left; }

.halloDiv1 {
	height: 1px ;
}

.halloDiv2 {
	padding-left: 50% ;
}

.halloLogo {
	max-width: 300px;
	max-height: 200px;
}
		
		.centerControlGroup {
			font-size: 0.7em ;
		}
		
		.textblock { padding: 10px; }
		.ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all { -webkit-border-radius: 10px; border-radius: 10px; margin: 0 .2em .2em 0; font-size: 16px ;}
		
		.fsTimeW7 {
			width: 50px;
			font-size: 77.77778% ;
		}
		.fsTimeW6 {
			width: 55px;
			font-size: 100% ;
		}
		.fsTimeW5 {
			width: 60px;
			font-size: 90% !important ;
		}
		.fsTimeD { 
			XXheight: 50px; 
			margin-right: 5px;
			font-size: 90% !important ;
		}
		.fsTimeH { 
			font-size: 90% !important ;
		}
.iconSizeT { width: 66px ; }
.iconSizeXS { width: 66px ; }
		.iconSizeS { width: 66px ; }
		.iconSizeM { width: 124px ; height: 96px ;}
		.iconSizeL { width: 100% ;}
		.iconSizeXL		{ width: 100% ;}
		
		.iconSize18 { height: 28px; width: 28px;} /* 14px = fs18 */
		.iconSize12 { height: 16px; width: 16px;} /* 8px = fs12 */
		
		.ui-mobile label, div.ui-controlgroup-label {
			font-weight: normal;
			font-size: 24px;
		}
	}

	/* iPhone 8 */
	@media only screen and (min-height: 375px) and (max-height: 767px) {
		body { font-family: Helvetica, Arial, sans-serif; font-size: 18px }
		.ui-input-search:after {opacity: 0.9; transform: scale(2); background-position: center center; background-repeat: no-repeat; width: 44px; height: 14px; }
		.ui-input-clear { transform: scale(1.8) }
		.ui-header .ui-title, .ui-footer .ui-title { font-size: 0.9em ; min-height: 1.1em; margin: 0 10%;  padding: .7em 0; }
		
		.myPage_Kosmetik1 { background-image: url(../bilder/SW_P_3.jpg); }
		.myPage_Kosmetik2 { background-image: url(../bilder/BG_P_3.jpg); }
.bll_dl_s			{ float: left; width: 110px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_s			{ float: left; width: calc(100% - 118px) ; padding: 0 0 3px 0;	text-align: left; }
.bll_dl_m			{ float: left; width: 180px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_m			{ float: left; width: calc(100% - 188px) ; padding: 0 0 3px 0;	text-align: left; }
.bll_dl_t			{ float: left; width: 260px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_t			{ float: left; width: calc(100% - 268px) ; padding: 0 0 3px 0;	text-align: left; }
		
		
		
		.halloDiv1 {
			margin-top: 30px;
			height: calc(100% - 383px);
		}
		
		.textblock { padding: 10px; }
		.ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all { -webkit-border-radius: 10px; border-radius: 10px; margin: 0 .2em .2em 0;}
		
		.fsTimeW7 {
			width: 50px;
			font-size: 77.77778% ;
		}
		.fsTimeW6 {
			width: 55px;
			font-size: 90% ;
		}
		.fsTimeW5 {
			width: 60px;
			font-size: 90% ;
		}
		.fsTimeD { 
			height: 50px; 
			margin-right: 5px;
			font-size: 90%;
		}
		.iconSizeXS		{ width: 90px ;}
		.iconSizeT		{ width: 250px ; }
		.iconSizeS		{ width: 100px ; }
		.iconSizeM		{ width: 170px ; }
		.iconSizeL		{ width: 100%; }
		.iconSizeXL		{ width: 497px ; height: 332px ;}
		
		.iconSize18 { height: 28px; width: 28px;} /* 14px = fs18 */
		.iconSize12 { height: 16px; width: 16px;} /* 8px = fs12 */
		
		.ui-mobile label, div.ui-controlgroup-label {
			font-weight: normal;
			font-size: 24px;
		}
	}
	@media only screen and (device-width: 33414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
		body { font-family: Helvetica, Arial, sans-serif; font-size: 21px }
		
		div[data-role="xxpage"] { background-image: url(../bilder/BG_L_3.jpg); }
		.myPage_Kosmetik1 { background-image: url(../bilder/SW_L_3.jpg); }
		.myPage_Kosmetik2 { background-image: url(../bilder/BG_L_3.jpg); }

.halloDiv1 {
	height: 15% ;
}

.halloDiv2 {
	padding-left: 50% ;
}

.halloLogo {
	max-width: 300px;
	max-height: 200px;
}
		
		.textblock { padding: 5px; }
		.ui-header .ui-title, .ui-footer .ui-title { font-size: 1em; min-height: 1.1em; margin: 0 10%;  padding: .7em 0; }
		.ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all { -webkit-border-radius: 5px; border-radius: 5px; margin: 0 .1em .1em 0;}
		
		.fsTimeW7 {
			width: 55px;
			font-size: 80% ;
		}
		.fsTimeW6 {
			width: 64px;
			font-size: 80% ;
		}
		.fsTimeW5 {
			width: 77px;
			font-size: 90% ;
		}
		.fsTimeD { 
			height: 44px; 
			margin-right: 5px;
			font-size: 120%;
		}
		.iconSizeXL { width: 348px ; height: 237px ;}
		.iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */
		.iconSize12 { height: 8px; width: 8px;}	/* 8px = fs12 */
	}

	/* iPhone 11 PRO */
	@media only screen and (device-width: 33414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
		body { font-family: Helvetica, Arial, sans-serif; font-size: 21px }
		
		div[data-role="xxpage"] { background-image: url(../bilder/BG_L_3.jpg); }
		.myPage_Kosmetik1 { background-image: url(../bilder/SW_L_3.jpg); }
		.myPage_Kosmetik2 { background-image: url(../bilder/BG_L_3.jpg); }
		
		.textblock { padding: 5px; }
		.ui-header .ui-title, .ui-footer .ui-title { font-size: 1em; min-height: 1.1em; margin: 0 10%;  padding: .7em 0; }
		.ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all { -webkit-border-radius: 5px; border-radius: 5px; margin: 0 .1em .1em 0;}
		
		.fsTimeW7 {
			width: 77px;
			font-size: 80% ;
		}
		.fsTimeW6 {
			width: 77px;
			font-size: 80% ;
		}
		.fsTimeW5 {
			width: 77px;
			font-size: 80% ;
		}
		.fsTimeD { 
			height: 44px; 
			margin-right: 5px;
			font-size: 120%;
		}
		.iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */
		.iconSize12 { height: 8px; width: 8px;}	/* 8px = fs12 */
	}
	@media only screen and (device-width: 33375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
		body { font-family: Helvetica, Arial, sans-serif; font-size: 19px }
		
		div[data-role="xxpage"] { background-image: url(../bilder/BG_L_3.jpg); }
		.myPage_Kosmetik1 { background-image: url(../bilder/SW_L_3.jpg); }
		.myPage_Kosmetik2 { background-image: url(../bilder/BG_L_3.jpg); }

.halloDiv1 {
	height: 8% ;
}

.halloDiv2 {
	padding-left: 50% ;
}

.halloLogo {
	max-width: 300px;
	max-height: 200px;
}
		
		
		.textblock { padding: 5px; }
		.ui-header .ui-title, .ui-footer .ui-title { font-size: 1em; min-height: 1.1em; margin: 0 10%;  padding: .7em 0; }
		.ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all { -webkit-border-radius: 5px; border-radius: 5px; margin: 0 .1em .1em 0;}
		
		.fsTimeW7 {
			width: 77px;
			font-size: 80% ;
		}
		.fsTimeW6 {
			width: 77px;
			font-size: 80% ;
		}
		.fsTimeW5 {
			width: 77px;
			font-size: 80% ;
		}
		.fsTimeD { 
			height: 44px; 
			margin-right: 5px;
			font-size: 120%;
		}
		.iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */
		.iconSize12 { height: 8px; width: 8px;}	/* 8px = fs12 */
	}
	@media only screen and (device-width: 33414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
		body { font-family: Helvetica, Arial, sans-serif; font-size: 21px }
		
		div[data-role="xxpage"] { background-image: url(../bilder/BG_L_3.jpg); }
		.myPage_Kosmetik1 { background-image: url(../bilder/SW_L_3.jpg); }
		.myPage_Kosmetik2 { background-image: url(../bilder/BG_L_3.jpg); }
		
		.textblock { padding: 5px; }
		.ui-header .ui-title, .ui-footer .ui-title { font-size: 1em; min-height: 1.1em; margin: 0 10%;  padding: .7em 0; }
		.ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all { -webkit-border-radius: 5px; border-radius: 5px; margin: 0 .1em .1em 0;}
		
		.fsTimeW7 {
			width: 77px;
			font-size: 80% ;
		}
		.fsTimeW6 {
			width: 77px;
			font-size: 80% ;
		}
		.fsTimeW5 {
			width: 77px;
			font-size: 80% ;
		}
		.fsTimeD { 
			height: 44px; 
			margin-right: 5px;
			font-size: 120%;
		}
		.iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */
		.iconSize12 { height: 8px; width: 8px;}	/* 8px = fs12 */
	}
	
	/* iPad mini */
	@media only screen and (min-height: 768px) {
		body { font-family: Helvetica, Arial, sans-serif; font-size: 24px }
		.ui-input-search:after {opacity: 0.9; transform: scale(2); background-position: center center; background-repeat: no-repeat; width: 44px; height: 14px; }
		.ui-input-clear { transform: scale(1.8) }
		
		.myPage_Kosmetik1 { background-image: url(../bilder/SW_P_3.jpg); }
		.myPage_Kosmetik2 { background-image: url(../bilder/BG_P_3.jpg); }
.bll_dl_s			{ float: left; width: 110px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_s			{ float: left; width: calc(100% - 118px) ; padding: 0 0 3px 0;	text-align: left; }
.bll_dl_m			{ float: left; width: 180px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_m			{ float: left; width: calc(100% - 188px) ; padding: 0 0 3px 0;	text-align: left; }
.bll_dl_t			{ float: left; width: 260px; padding: 0 3px 3px 0;	text-align: center; }
.blr_dl_t			{ float: left; width: calc(100% - 268px) ; padding: 0 0 3px 0;	text-align: left; }
		
		
		
		.halloDiv1 {
			margin-top: 30px;
			height: calc(100% - 383px);
		}
		
		.textblock { padding: 10px; }
		.ui-header .ui-title, .ui-footer .ui-title { font-size: 1em; min-height: 1.1em; margin: 0 10%;  padding: .7em 0; }
		.ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all { -webkit-border-radius: 10px; border-radius: 10px; margin: 0 .2em .2em 0;}
		
		.fsTimeW7 {
			width: 50px;
			font-size: 77.77778% ;
		}
		.fsTimeW6 {
			width: 55px;
			font-size: 90% ;
		}
		.fsTimeW5 {
			width: 60px;
			font-size: 90% ;
		}
		.fsTimeD { 
			height: 50px; 
			margin-right: 5px;
			font-size: 90%;
		}
		.iconSizeXS		{ width: 90px ;}
		.iconSizeT		{ width: 250px ; }
		.iconSizeS		{ width: 100px ; }
		.iconSizeM		{ width: 170px ; }
		.iconSizeL		{ width: 100%; }
		.iconSizeXL		{ width: 497px ; height: 332px ;}
		
		.iconSize18 { height: 28px; width: 28px;} /* 14px = fs18 */
		.iconSize12 { height: 16px; width: 16px;} /* 8px = fs12 */
		
		.ui-mobile label, div.ui-controlgroup-label {
			font-weight: normal;
			font-size: 24px;
		}
	}
	@media only screen and (device-width : 333768px) and (device-height : 1024px) {
		body { font-family: Helvetica, Arial, sans-serif; font-size: 24px }
		
		div[data-role="xxpage"] { background-image: url(../bilder/BG_L_4.jpg); }
		.myPage_Kosmetik1 { background-image: url(../bilder/SW_L_4.jpg); }
		.myPage_Kosmetik2 { background-image: url(../bilder/BG_L_4.jpg); }
		
		.textblock { padding: 5px; }
		.ui-header .ui-title, .ui-footer .ui-title { font-size: 1em; min-height: 1.1em; margin: 0 10%;  padding: .7em 0; }
		.ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all { -webkit-border-radius: 5px; border-radius: 5px; margin: 0 .1em .1em 0;}
		
		.fsTimeW7 {
			width: 36px;
		}
		.fsTimeW6 {
			width: 28px;
			font-size: 60% ;
		}
		.fsTimeW5 {
			width: 32px;
			font-size: 70% ;
		}
		.fsTimeD { 
			height: 44px; 
			margin-right: 5px;
			font-size: 61.11111%;
		}
		.iconSize18 { height: 20px; width: 20px;} /* 14px = fs18 */
		.iconSize12 { height: 13px; width: 13px;}	/* 8px = fs12 */
	}
}

.ui-content		{ height: calc(100% - 10px) ; padding: 5px; }


	
/* --- eigentlich nicht in Media-Query--- */
.fsUhr			{ font-size: 266.66667% ; }
.fsSeitentext	{ font-size: 150% ; }
.fs22			{ font-size: 122.22222% ; }
.fs18			{ font-size: 100% ; }
.fs17			{ font-size: 94.44444% ; margin: 0 ;}
.fs16			{ font-size: 88.88889% ; }
.fs14			{ font-size: 77.77778% ; }
.fs13			{ font-size: 72.22222% ; }
.fs12			{ font-size: 66.66667% ; }
.fs12_label		{ font-size: 66.66667% ; opacity: 0.9; padding: 0 0 0 5px; }
.fs11			{ font-size: 61.11111% ; }
.fs10			{ font-size: 55.55556% ; }
.fs09			{ font-size: 50% ; }
.fs08			{ font-size: 44.44444% ; }
.fs06			{ font-size: 33.33333% ; margin: 0 ; }
.fs04			{ font-size: 22.22222% ; margin: 0 ; }
.fs02			{ font-size: 11.11111% ; margin: 0 ; }
