body { font-family: Helvetica, Arial, sans-serif; font-size: 18px } .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} .filterTable-kunde { margin: 0 5px 0 5px; } .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'; } .my-contentFF { height: calc(100% - 100px) !important; } .blockText { white-space: normal !important ; margin: 0 ; text-align: justify ; hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; } #turn{ display:none; } div#turn { background:url(../bilder/pocket_landscape.jpg) no-repeat; XXbackground:url(../bilder/SW_P_0.jpg) no-repeat; background-attachment: fixed ; background-position: top right; top: 0; left: 0; height: 100%; width: calc(200%); background-size: cover; border:0px solid red; padding:0px; } #container{ display:block; } @media only screen and (orientation:landscape) and (max-height : 550px){ #container{ display:none; } div#turn { XXbackground:url(../bilder/pocket_landscape.png) no-repeat; background-attachment: fixed ; background-position: top right; top: 0; left: 0; height: 100%; width: calc(200%); background-size: cover; border:0px solid red; padding:0px; } #turn{ 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; } th { overflow-x: hidden ; background-color: #333 ; color: silver; } tr:nth-child(even) { background-color: hsla(0, 90%, 0%, .8); } tr:nth-child(odd) { background-color: hsla(0, 50%, 0%, .4); } .tabellentext { vertical-align: middle !important; } /*.textblock { background-color: #333333; }*/ .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; padding: 0; } .ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all { text-align: center; } .box1_5050, .box2_5050, .box1_8515, .box2_8515, .box1_252550, .box2_252550, .box3_252550 { float: left; } .box1_beleg { float: left; width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { float: left; width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { float: left; width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_Liste { float: left; width: 25%; padding: 0 3px 3px 0; text-align: left; } .box2_Liste { float: left; width: 70%; padding: 0 3px 3px 3px; text-align: left; } .box1_KBuch { float: left; width: 10%; padding: 0 3px 3px 3px; text-align: left; } .box2_KBuch { float: left; width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_KBuch { float: left; width: 38%; padding: 0 3px 3px 3px; text-align: left; } .box41_KBuch { float: left; width: 14%; padding: 0 3px 3px 3px; text-align: right; } .box42_KBuch { float: left; width: 1%; padding: 0 3px 3px 3px; text-align: right; } .box51_KBuch { float: left; width: 1%; padding: 0 3px 3px 3px; text-align: right; } .box52_KBuch { float: left; width: 14%; padding: 0 3px 3px 3px; text-align: right; } .box6_KBuch { float: left; width: 14%; padding: 0 3px 3px 3px; text-align: right; } .box1_33 { float: left; width: 32%; padding: 0; overflow: hidden; } .box1_TA { float: left; width: 5%; padding: 0 3px 3px 3px; text-align: left; } .box2_TA { float: left; width: 70%; padding: 0 3px 3px 3px; text-align: left; } .box3_TA { float: left; width: 18%; padding: 0 3px 3px 3px; text-align: right; } .box1_TA2 { float: left; width: 5%; padding: 0 3px 3px 3px; text-align: left; } .box2_TA2 { float: left; width: 70%; padding: 0 3px 3px 3px; text-align: right; } .box3_TA2 { float: left; width: 18%; padding: 0 3px 3px 3px; text-align: right; } .box1_MA { float: left; width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box2_MA { float: left; width: 65%; padding: 0 3px 3px 3px; text-align: left; } .box3_MA { float: left; width: 18%; padding: 0 3px 3px 3px; text-align: right; } .box1_MA2 { float: left; width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box2_MA2 { float: left; width: 65%; padding: 0 3px 3px 3px; text-align: right; } .box3_MA2 { float: left; width: 18%; padding: 0 3px 3px 3px; text-align: right; } .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; } */ /* Tabelle */ .ui-table { overflow: scroll ; } /* Tabelle - Schalter ausblenden */ .ui-table-columntoggle-btn { visibility: hidden ; height: 0px; padding: 0 ; margin: 0; } /* 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 --- */ 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;} .ui-content { padding: 5px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: calc(100% - 200px); } #innerdiv { height: calc(100% - 270px); } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 400px ; font-size: 30px; } .imgzentriert { text-align: center;} .iconSizeS { width: 44px ; height: 44px ;} .myPage_Kosmetik1 { background-image: url(../bilder/SW_P_0.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_P_0.jpg); } .myPage_turn { background-image: url(../bilder/pocket_landscape.jpg); } /*div#turn { xxwidth: 300%; height: 100%; background:url(../bilder/pocket_hochformat.png) no-repeat; background-size: cover; border:0px solid red; padding:0px; }*/ @media (max-width : 639px) { .box_dyn { float: left; width: 100%; padding: 0 0 1px 0;} } @media (min-width : 640px) and (max-width : 959px) { .box_dyn { float: left; width: 49.1%; padding: 0 2px 4px 2px;} } @media (min-width : 960px) and (max-width : 1279px) { .box_dyn { float: left; width: 32.6%; padding: 0 2px 4px 2px;} } @media (min-width : 1280px) and (max-width : 1599px) { .box_dyn { float: left; width: 24.65%; padding: 0 2px 4px 2px;} } @media (min-width : 1600px) and (max-width : 1919px) { .box_dyn { float: left; width: 19.68%; padding: 0 2px 4px 2px;} } @media (min-width : 1920px) and (max-width : 2239px) { .box_dyn { float: left; width: 16.45%; padding: 0 2px 4px 2px;} } @media (min-width : 2240px) { .box_dyn { float: left; width: 14.1%; padding: 0 2px 4px 2px;} } /* PORTRAIT */ @media (orientation : portrait) { /* 320 */ @media (max-width : 320px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 18px } .ui-input-search:after {opacity: 0.9; transform: scale(1); background-position: center center; background-repeat: no-repeat; width: 14px; height: 14px; } div[data-role="xx_page"] { 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); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } /*.my-content { height: 395px !important; } */ .my-content { height: calc(100% - 173px) !important; } .my-content2 { height: calc(100% - 12px - 173px) !important; } .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } .filterTable-kunde {padding: 0; font-size: 13px; width: 98%;} /* .row:nth-of-type(odd) { background-color: hsla(0, 90%, 0%, .8); } .row:nth-of-type(even) { background-color: hsla(0, 50%, 0%, .7); }*/ #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 410px; } #innerdiv { height: 340px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 44px; } .fsAI { width: 22px; font-size: 22px; } .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 ; } } /* 375 */ @media (min-width : 321px) and (max-width : 375px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 18px } .ui-input-search:after {opacity: 0.9; transform: scale(1); background-position: center center; background-repeat: no-repeat; width: 14px; height: 14px; } 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); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } /*.my-content { height: 395px !important; } */ .my-content { height: calc(100% - 173px) !important; } .my-content2 { height: calc(100% - 12px - 173px) !important; } .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } .filterTable-kunde {padding: 0; font-size: 13px; width: 98%;} /* .row:nth-of-type(odd) { background-color: hsla(0, 90%, 0%, .8); } .row:nth-of-type(even) { background-color: hsla(0, 50%, 0%, .7); }*/ #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 410px; } #innerdiv { height: 340px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 44px; } .fsAI { width: 22px; font-size: 22px; } .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 ; } } /* 414 */ @media (min-width : 376px) and (max-width : 564px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 18px } .ui-input-search:after {opacity: 0.9; transform: scale(1); background-position: center center; background-repeat: no-repeat; width: 44px; height: 14px; } 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); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } /*.my-content { height: 395px !important; } */ .my-content { height: calc(100% - 173px) !important; } .my-content2 { height: calc(100% - 12px - 173px) !important; } .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } .filterTable-kunde {padding: 0; font-size: 13px; width: 98%;} /* .row:nth-of-type(odd) { background-color: hsla(0, 90%, 0%, .8); } .row:nth-of-type(even) { background-color: hsla(0, 50%, 0%, .7); }*/ #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 410px; } #innerdiv { height: 340px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 44px; } .fsAI { width: 22px; font-size: 22px; } .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 ; } } /* 768 */ @media (min-width : 565px) and (max-width : 768px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 30px } .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) } div[data-role="xxpage"] { background-image: url(../bilder/BG_P_3.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_P_3.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_P_3.jpg); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } /*.my-content { height: 395px !important; } */ .my-content { height: calc(100% - 245px) !important; } .my-content2 { height: calc(100% - 12px - 245px) !important; } .box0 { width: 98%; height: 90%; padding: 10px;} .box1 { width: 60%; padding: 10px;} .box2 { width: 60%; padding: 10px;} .box1b { width: 60%; padding: 10px;} .box2b { width: 70%; padding: 10px;} .clear { clear: both; } #meinetabelle { border: 1px #000000 solid; top: 40px; left: 40px; width:70%; height: 866px; } #innerdiv { height: 716px; } #innertab td { border: 2px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 74px; } .fsAI { width: 37px; font-size: 37px; } .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: 80%; } } /* 1024 */ @media (min-width : 769px) and (max-width :1024px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 30px } .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) } div[data-role="xxpage"] { background-image: url(../bilder/BG_P_5.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_P_5.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_P_5.jpg); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } /*.my-content { height: 395px !important; } */ .my-content { height: calc(100% - 245px) !important; } .my-content2 { height: calc(100% - 12px - 245px) !important; } #meinetabelle { border: 1px #000000 solid; top: 40px; left: 40px; width:70%; height: 1177px; } #innerdiv { height: 1107px; } #innertab td { border: 2px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 84px; } .fsAI { width: 44px; font-size: 44px; } .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: 80%; } } /* iPhone SE */ @media (max-width : 320px) and (max-height : 568px) { 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); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } /*.my-content { height: 395px !important; } */ .my-content { height: calc(100% - 173px) !important; } .my-content2 { height: calc(100% - 12px - 173px) !important; } .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } .filterTable-kunde {padding: 0; font-size: 13px; width: 98%;} /* .row:nth-of-type(odd) { background-color: hsla(0, 90%, 0%, .8); } .row:nth-of-type(even) { background-color: hsla(0, 50%, 0%, .7); }*/ #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 410px; } #innerdiv { height: 340px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 44px; } .fsAI { width: 22px; font-size: 22px; } .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 ; } } /* iPhone 6, 7, 8 */ @media (min-width : 321px) and (max-width : 375px) and (min-height : 569px) and (max-height : 667px) { 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); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } /*.my-content { height: 495px !important; } */ .my-content { height: calc(100% - 173px) !important; } .my-content2 { height: calc(100% - 12px - 173px) !important; } .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } .filterTable-kunde {padding: 0; font-size: 13px; width: 98%;} /* .row:nth-of-type(odd) { background-color: hsla(0, 90%, 0%, .8); } .row:nth-of-type(even) { background-color: hsla(0, 50%, 0%, .7); }*/ #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 410px; } #innerdiv { height: 340px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 44px; } .fsAI { width: 22px; font-size: 22px; } .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 ; } } /* iPhone 6, 7, 8 PLUS */ @media (min-width : 376px) and (max-width : 414px) and (min-height : 668px) and (max-height : 736px) { 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); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } /*.my-content { height: 555px !important; } */ .my-content { height: calc(100% - 173px) !important; } .my-content2 { height: calc(100% - 12px - 173px) !important; } .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } .filterTable-kunde {padding: 0; font-size: 13px; width: 98%;} /* .row:nth-of-type(odd) { background-color: hsla(0, 90%, 0%, .8); } .row:nth-of-type(even) { background-color: hsla(0, 50%, 0%, .7); }*/ #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 410px; } #innerdiv { height: 340px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 44px; } .fsAI { width: 22px; font-size: 22px; } .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 mini */ @media (min-width : 415px) and (max-width : 768px) and (min-height : 737px) and (max-height : 1024px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 30px } .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) } div[data-role="xxpage"] { background-image: url(../bilder/BG_P_3.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_P_3.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_P_3.jpg); } 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;} .ui-content { height: calc(100% - 150px) ; padding: 5px; } /*.my-content { height: 395px !important; } */ .my-content { height: calc(100% - 245px) !important; } .my-content2 { height: calc(100% - 12px - 245px) !important; } /*.box0 { width: 98%; height: 90%; padding: 10px;} .box1 { width: 60%; padding: 10px;} .box2 { width: 60%; padding: 10px;} .box1b { width: 60%; padding: 10px;} .box2b { width: 70%; padding: 10px;}*/ .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } #meinetabelle { border: 1px #000000 solid; top: 40px; left: 40px; width:70%; height: 866px; } #innerdiv { height: 716px; } #innertab td { border: 2px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 74px; } .fsAI { width: 37px; font-size: 37px; } .iconSize18 { height: 28px; width: 28px;} /* 14px = fs18 */ .iconSize12 { height: 16px; width: 16px;} /* 8px = fs12 */ .copyright { font-size: 72.22222% ; position:absolute; bottom: 0; height:209px; } .ui-mobile label, div.ui-controlgroup-label { font-weight: normal; font-size: 24px; } } /* iPad */ @media (min-width : 769px) and (max-width : 834px) and (min-height : 1024px) and (max-height : 1112px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 30px } .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) } div[data-role="xxpage"] { background-image: url(../bilder/BG_P_5.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_P_5.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_P_5.jpg); } 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;} .ui-content { height: calc(100% - 150px) ; padding: 5px 15px 5px 15px ; } /*.my-content { height: 395px !important; } */ .my-content { height: calc(100% - 245px) !important; } .my-content2 { height: calc(100% - 12px - 245px) !important; } .filterTable-kunde { margin: 0 15px 0 15px; } .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } #meinetabelle { border: 1px #000000 solid; top: 40px; left: 40px; width:70%; height: 1177px; } #innerdiv { height: 1107px; } #innertab td { border: 2px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 84px; } .fsAI { width: 44px; font-size: 44px; } .iconSize18 { height: 28px; width: 28px;} /* 14px = fs18 */ .iconSize12 { height: 16px; width: 16px;} /* 8px = fs12 */ .copyright { font-size: 72.22222% ; position:absolute; bottom: 0; height:209px; } .ui-mobile label, div.ui-controlgroup-label { font-weight: normal; font-size: 80%; } } /* iPad @media (min-width : 835px) and (max-width :1024px) and (min-height : 1113px) and (max-height : 1366px) */ @media (min-width : 835px) and (min-height : 1113px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 38px } .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) } div[data-role="xxpage"] { background-image: url(../bilder/BG_P_5.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_P_5.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_P_5.jpg); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } /*.my-content { height: 395px !important; } */ .my-content { height: calc(100% - 305px) !important; } .my-content2 { height: calc(100% - 12px - 305px) !important; } .box0 { width: 95%; height: 90%; padding: 20px;} .box1 { width: 60%; padding: 20px;} .box2 { width: 60%; padding: 20px;} .box1b { width: 60%; padding: 10px;} .box2b { width: 70%; padding: 10px;} .clear { clear: both; } #meinetabelle { border: 1px #000000 solid; top: 40px; left: 40px; width:70%; height: 1177px; } #innerdiv { height: 1107px; } #innertab td { border: 2px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 94px; } .fsAI { width: 54px; font-size: 54px; } .iconSize18 { height: 30px; width: 30px;} /* 14px = fs18 */ .iconSize12 { height: 18px; width: 18px;} /* 8px = fs12 */ .ui-mobile label, div.ui-controlgroup-label { font-weight: normal; font-size: 80%; } } /* EINZELGERÄTE */ /* iPhone SE */ @media only screen and (device-width: 320px) and (device-height: 568px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 18px } div[data-role="xxpage"] { background-image: url(../bilder/BGsw2_P_0.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_P_0.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_P_0.jpg); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } .my-content { height: 395px !important; } .my-content2 { height: calc(100% - 12px - 173px) !important; } .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } .filterTable-kunde {padding: 0; font-size: 13px; width: 98%;} /* .row:nth-of-type(odd) { background-color: hsla(0, 90%, 0%, .8); } .row:nth-of-type(even) { background-color: hsla(0, 50%, 0%, .7); }*/ #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 410px; } #innerdiv { height: 340px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 44px; } .fsAI { width: 22px; font-size: 22px; } .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 ; } } /* iPhone 8 */ @media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 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); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } .my-content { height: 490px !important; } .my-content2 { height: calc(100% - 12px - 173px) !important; } .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } .filterTable-kunde {padding: 0; font-size: 13px; width: 98%;} /* .row:nth-of-type(odd) { background-color: hsla(0, 90%, 0%, .8); } .row:nth-of-type(even) { background-color: hsla(0, 50%, 0%, .7); }*/ #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 410px; } #innerdiv { height: 340px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 44px; } .fsAI { width: 22px; font-size: 22px; } .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 ; } } @media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) { 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); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } .my-content { height: 555px !important; } .my-content2 { height: calc(100% - 12px - 173px) !important; } .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } .filterTable-kunde {padding: 0; font-size: 13px; width: 98%;} /* .row:nth-of-type(odd) { background-color: hsla(0, 90%, 0%, .8); } .row:nth-of-type(even) { background-color: hsla(0, 50%, 0%, .7); }*/ #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 410px; } #innerdiv { height: 340px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 44px; } .fsAI { width: 22px; font-size: 22px; } .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 ; } } /* iPhone 11 PRO */ @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) { 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); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } .my-content { height: 695px !important; } .my-content2 { height: calc(100% - 12px - 173px) !important; } .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } .filterTable-kunde {padding: 0; font-size: 13px; width: 98%;} /* .row:nth-of-type(odd) { background-color: hsla(0, 90%, 0%, .8); } .row:nth-of-type(even) { background-color: hsla(0, 50%, 0%, .7); }*/ #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 410px; } #innerdiv { height: 340px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 44px; } .fsAI { width: 22px; font-size: 22px; } .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 ; } } @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { 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); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } .my-content { height: 612px !important; } .my-content2 { height: calc(100% - 12px - 173px) !important; } .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } .filterTable-kunde {padding: 0; font-size: 13px; width: 98%;} /* .row:nth-of-type(odd) { background-color: hsla(0, 90%, 0%, .8); } .row:nth-of-type(even) { background-color: hsla(0, 50%, 0%, .7); }*/ #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 410px; } #innerdiv { height: 340px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 44px; } .fsAI { width: 22px; font-size: 22px; } .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 ; } } @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) { 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); } 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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } .my-content { height: 695px !important; } .my-content2 { height: calc(100% - 12px - 173px) !important; } .box0 { width: 100%; padding: 0 3px 3px 0;} .box1 { width: 80%; padding: 0 3px 3px 0;} .box2 { width: 80%; padding: 0 3px 3px 0;} .box1_5050 { width: 99%; padding: 0 3px 3px 0;} .box2_5050 { width: 99%; padding: 0 3px 3px 0;} .box1_8515 { width: 90%; padding: 0 ;} .box2_8515 { width: 10%; padding: 0 ;} .box1_252550 { width: 47.5%; padding: 0 3px 3px 0;} .box2_252550 { width: 47.5%; padding: 0 3px 3px 3px;} .box3_252550 { width: 99%; padding: 0 3px 3px 0;} .box1_beleg { width: 65%; padding: 0 3px 3px 0; text-align: left; } .box2_beleg { width: 10%; padding: 0 3px 3px 3px; text-align: right; } .box3_beleg { width: 19%; padding: 0 3px 3px 0; text-align: right; } .box1_80 { width: 80%; padding: 0; overflow: hidden; } .box1_33 { width: 32%; padding: 0; overflow: hidden; } .clear { clear: both; } .filterTable-kunde {padding: 0; font-size: 13px; width: 98%;} /* .row:nth-of-type(odd) { background-color: hsla(0, 90%, 0%, .8); } .row:nth-of-type(even) { background-color: hsla(0, 50%, 0%, .7); }*/ #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 410px; } #innerdiv { height: 340px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 44px; } .fsAI { width: 22px; font-size: 22px; } .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 mini */ @media only screen and (device-width : 768px) and (device-height : 1024px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 30px } .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) } div[data-role="xxpage"] { background-image: url(../bilder/BG_P_3.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_P_3.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_P_3.jpg); } .box0 { width: 98%; height: 90%; padding: 10px;} .box1 { width: 60%; padding: 10px;} .box2 { width: 60%; padding: 10px;} .box1b { width: 60%; padding: 10px;} .box2b { width: 70%; padding: 10px;} .clear { clear: both; } th { border-bottom: 4px solid #333 ; } tr:nth-child(even) { border-bottom: 2px solid #333; } tr:nth-child(odd) { border-bottom: 2px solid #333; } #einlogformular input { border: #999 solid 2px; } .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;} .ui-content { height: calc(100% - 178px); padding: 10px;} #meinetabelle { border: 1px #000000 solid; top: 40px; left: 40px; width:70%; height: 866px; } #innerdiv { height: 716px; } #innertab td { border: 2px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 100% ; } .ui-radio { width: 74px; } .fsAI { width: 37px; font-size: 37px; } .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) { /* 320 */ @media (max-height : 320px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 16px } div[data-role="xxpage"] { background-image: url(../bilder/BG_L_0.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_L_0.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_L_0.jpg); } .box0 { width: 100%; height: 88%;} .box1 { width: 45%;} .box2 { width: 45%; margin: 0 0 0 1em;} .box1b { width: 45%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 105px) ; padding: 5px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 140px; } #innerdiv { height: 185px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 42px; } .fsAI { width: 20px; font-size: 19px; } .iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */ .iconSize12 { height: 8px; width: 8px;} /* 8px = fs12 */ } /* 375 */ @media (min-height : 321px) and (max-height : 375px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 19px } div[data-role="xxpage"] { background-image: url(../bilder/BG_L_2.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_L_2.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_L_2.jpg); } .box0 { width: 100%; height: 88%;} .box1 { width: 41%;} .box2 { width: 45%; margin: 0 0 0 1em;} .box1b { width: 45%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 180px; } #innerdiv { height: 225px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 42px; } .fsAI { width: 24px; font-size: 24px; } .iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */ .iconSize12 { height: 8px; width: 8px;} /* 8px = fs12 */ } /* 414 */ @media (min-height : 376px) and (max-height : 414px) { 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); } .box0 { width: 100%; height: 88%;} .box1 { width: 39%;} .box2 { width: 45%; margin: 0 0 0 1em;} .box1b { width: 39%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 135px) ; padding: 10px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 290px; } #innerdiv { height: 245px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 52px; } .fsAI { width: 24px; font-size: 24px; } .iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */ .iconSize12 { height: 8px; width: 8px;} /* 8px = fs12 */ } /* 768 */ @media (min-height : 415px) and (max-height : 768px) { 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); } .box0 { width: 100%; height: 88%;} .box1 { width: 39%;} .box2 { width: 45%; margin: 0 0 0 1em;} .box1b { width: 39%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 135px) ; padding: 10px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 290px; } #innerdiv { height: 245px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 52px; } .fsAI { width: 24px; font-size: 24px; } .iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */ .iconSize12 { height: 8px; width: 8px;} /* 8px = fs12 */ } /* 1024 */ @media (min-height : 769px) and (max-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); } .box0 { width: 100%; height: 88%;} .box1 { width: 35%;} .box2 { width: 35%; margin: 0 0 0 1em;} .box1b { width: 35%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 175px) ; padding: 20px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 290px; } #innerdiv { height: 565px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 56px; } .fsAI { width: 36px; font-size: 36px; } .iconSize18 { height: 20px; width: 20px;} /* 14px = fs18 */ .iconSize12 { height: 13px; width: 13px;} /* 8px = fs12 */ } /* iPhone SE */ @media (max-width : 568px) and (max-height : 320px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 16px } div[data-role="xxpage"] { background-image: url(../bilder/BG_L_0.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_L_0.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_L_0.jpg); } .box0 { width: 100%; height: 88%;} .box1 { width: 45%;} .box2 { width: 45%; margin: 0 0 0 1em;} .box1b { width: 45%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 105px) ; padding: 5px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 140px; } #innerdiv { height: 185px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 42px; } .fsAI { width: 20px; font-size: 19px; } .iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */ .iconSize12 { height: 8px; width: 8px;} /* 8px = fs12 */ } /* iPhone 6, 7, 8 */ @media (min-width : 667px) and (max-width : 730px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 19px } div[data-role="xxpage"] { background-image: url(../bilder/BG_L_2.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_L_2.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_L_2.jpg); } .box0 { width: 100%; height: 88%;} .box1 { width: 41%;} .box2 { width: 45%; margin: 0 0 0 1em;} .box1b { width: 45%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 180px; } #innerdiv { height: 225px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 42px; } .fsAI { width: 24px; font-size: 24px; } .iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */ .iconSize12 { height: 8px; width: 8px;} /* 8px = fs12 */ } /* iPhone 6, 7, 8 PLUS */ @media (min-width : 731px) and (max-width : 1019px) { 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); } .box0 { width: 100%; height: 88%;} .box1 { width: 39%;} .box2 { width: 45%; margin: 0 0 0 1em;} .box1b { width: 39%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 135px) ; padding: 10px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 290px; } #innerdiv { height: 245px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 52px; } .fsAI { width: 24px; font-size: 24px; } .iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */ .iconSize12 { height: 8px; width: 8px;} /* 8px = fs12 */ } /* iPad mini */ @media (min-width : 1020px) and (max-width : 1111px) { 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); } .box0 { width: 100%; height: 88%;} .box1 { width: 35%;} .box2 { width: 35%; margin: 0 0 0 1em;} .box1b { width: 35%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 175px) ; padding: 20px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 290px; } #innerdiv { height: 565px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 56px; } .fsAI { width: 36px; font-size: 36px; } .iconSize18 { height: 20px; width: 20px;} /* 14px = fs18 */ .iconSize12 { height: 13px; width: 13px;} /* 8px = fs12 */ } /* iPad */ @media (min-width : 1112px) and (max-width : 1360px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 28px } div[data-role="xxpage"] { background-image: url(../bilder/BG_L_5.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_L_5.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_L_5.jpg); } .box0 { width: 100%; height: 88%;} .box1 { width: 33%;} .box2 { width: 37%; margin: 0 0 0 1em;} .box1b { width: 35%;} .box2b { width: 35%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 185px) ; padding: 20px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 290px; } #innerdiv { height: 620px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 60px; } .fsAI { width: 40px; font-size: 40px; } .iconSize18 { height: 18px; width: 18px;} /* 14px = fs18 */ .iconSize12 { height: 11px; width: 11px;} /* 8px = fs12 */ } /* iPad */ @media (min-width : 1361px) { body { font-family: Helvetica, Arial, sans-serif; font-size: 30px } div[data-role="xxpage"] { background-image: url(../bilder/BG_L_5.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_L_5.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_L_5.jpg); } .box0 { width: 100%; height: 88%;} .box1 { width: 33%;} .box2 { width: 37%; margin: 0 0 0 1em;} .box1b { width: 35%;} .box2b { width: 35%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 185px) ; padding: 20px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 290px; } #innerdiv { height: 620px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 60px; } .fsAI { width: 40px; font-size: 40px; } .iconSize18 { height: 22px; width: 22px;} /* 14px = fs18 */ .iconSize12 { height: 14px; width: 14px;} /* 8px = fs12 */ } /* EINZELGERÄTE */ /* iPhone SE */ @media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { body { font-family: Helvetica, Arial, sans-serif; font-size: 16px } div[data-role="xxpage"] { background-image: url(../bilder/BG_L_0.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_L_0.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_L_0.jpg); } .box0 { width: 100%; height: 88%;} .box1 { width: 45%;} .box2 { width: 45%; margin: 0 0 0 1em;} .box1b { width: 45%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 105px) ; padding: 5px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 140px; } #innerdiv { height: 185px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 42px; } .fsAI { width: 20px; font-size: 19px; } .iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */ .iconSize12 { height: 8px; width: 8px;} /* 8px = fs12 */ } /* iPhone 8 */ @media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) { body { font-family: Helvetica, Arial, sans-serif; font-size: 19px } div[data-role="xxpage"] { background-image: url(../bilder/BG_L_2.jpg); } .myPage_Kosmetik1 { background-image: url(../bilder/SW_L_2.jpg); } .myPage_Kosmetik2 { background-image: url(../bilder/BG_L_2.jpg); } .box0 { width: 100%; height: 88%;} .box1 { width: 41%;} .box2 { width: 45%; margin: 0 0 0 1em;} .box1b { width: 45%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 180px; } #innerdiv { height: 225px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 42px; } .fsAI { width: 24px; font-size: 24px; } .iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */ .iconSize12 { height: 8px; width: 8px;} /* 8px = fs12 */ } @media only screen and (device-width: 414px) 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); } .box0 { width: 100%; height: 88%;} .box1 { width: 39%;} .box2 { width: 45%; margin: 0 0 0 1em;} .box1b { width: 39%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 135px) ; padding: 10px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 290px; } #innerdiv { height: 245px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 52px; } .fsAI { width: 24px; font-size: 24px; } .iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */ .iconSize12 { height: 8px; width: 8px;} /* 8px = fs12 */ } /* iPhone 11 PRO */ @media only screen and (device-width: 414px) 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); } .box0 { width: 100%; height: 88%;} .box1 { width: 39%;} .box2 { width: 45%; margin: 0 0 0 1em;} .box1b { width: 39%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 135px) ; padding: 10px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 290px; } #innerdiv { height: 245px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 52px; } .fsAI { width: 24px; font-size: 24px; } .iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */ .iconSize12 { height: 8px; width: 8px;} /* 8px = fs12 */ } @media only screen and (device-width: 375px) 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); } .box0 { width: 100%; height: 88%;} .box1 { width: 41%;} .box2 { width: 45%; margin: 0 0 0 1em;} .box1b { width: 45%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 115px) ; padding: 5px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 180px; } #innerdiv { height: 225px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 42px; } .fsAI { width: 24px; font-size: 24px; } .iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */ .iconSize12 { height: 8px; width: 8px;} /* 8px = fs12 */ } @media only screen and (device-width: 414px) 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); } .box0 { width: 100%; height: 88%;} .box1 { width: 39%;} .box2 { width: 45%; margin: 0 0 0 1em;} .box1b { width: 39%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 135px) ; padding: 10px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 290px; } #innerdiv { height: 245px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 52px; } .fsAI { width: 24px; font-size: 24px; } .iconSize18 { height: 14px; width: 14px;} /* 14px = fs18 */ .iconSize12 { height: 8px; width: 8px;} /* 8px = fs12 */ } /* iPad mini */ @media only screen and (device-width : 768px) 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); } .box0 { width: 100%; height: 88%;} .box1 { width: 35%;} .box2 { width: 35%; margin: 0 0 0 1em;} .box1b { width: 35%;} .box2b { width: 45%; margin: 0 0 0 1em;} .clear { clear: both; } 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; } .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;} .ui-content { height: calc(100% - 175px) ; padding: 20px; } #meinetabelle { border: 1px #000000 solid; top: 20px; left: 20px; width:70%; height: 290px; } #innerdiv { height: 565px; } #innertab td { border: 1px #000000 solid; } /* Tabelle */ .ui-table { width: 54% ; font-size: 87.5% ; } .ui-radio { width: 56px; } .fsAI { width: 36px; font-size: 36px; } .iconSize18 { height: 20px; width: 20px;} /* 14px = fs18 */ .iconSize12 { height: 13px; width: 13px;} /* 8px = fs12 */ } } /* --- eigentlich nicht in Media-Query--- */ .isChecked { font-weight: 700 ; } .fsUhr { font-size: 266.66667% ; } .fsSeitentext { font-size: 200% ; } .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 ; }