<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ======================================================== */
/* Version ändern ... JavaScriptIncludeVersion As String = "
/* ======================================================== */

html { min-height: 100%; }
body { padding-bottom: 0; background-color: #fff; min-height: 100%; color: #393939; line-height: 1.5; font-size: 10pt; font-family: Verdana,Arial,Helvetica,sans-serif; }

.dropdown-menu { border-radius: 0 !important; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
.dropdown-menu &gt; li &gt; a { font-size: 13px; padding-left: 11px; padding-right: 11px; margin-bottom: 1px; margin-top: 1px; }
.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active,
.dropdown-menu li.active a,
.dropdown-menu li.active a:hover,
.dropdown-menu .dropdown-submenu:hover &gt; a,
.nav-tabs .dropdown-menu li &gt; a:focus { background: #4f99c6; color: #ffffff; }

/* Eingabefelder */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] { border-radius: 0 !important; color: #858585; background-color: #ffffff; border: 1px solid #d5d5d5; padding: 5px 4px; line-height: 1.2; font-size: 14px; font-family: inherit; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; }

textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover { border-color: #b5b5b5; }

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus { -webkit-box-shadow: none; box-shadow: none; color: #696969; border-color: #f59942; background-color: #ffffff; outline: none; }

.form-control,
select { border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; color: #858585; background-color: #ffffff; border: 1px solid #d5d5d5; }
.form-control:focus,
select:focus { color: #696969; border-color: #f59942; background-color: #ffffff; outline: none; }
textarea.form-control { padding: 5px 9px; }
select { padding: 3px 4px; height: 30px; }
select.form-control { padding: 4px 6px; height: 32px; }
select[multiple],
select.form-control[multiple] { height: auto; }

/* Badges &amp; Labels */
.label { font-size: 12px; line-height: 1.15; height: 20px; color:#fff; padding:4px 2px 0px 2px; border-radius: 0;text-shadow: none; font-weight: normal; display: inline-block; background-color: #abbac3 !important; }
.label-transparent { background-color: transparent !important; }
.label-grey { background-color: #a0a0a0 !important; }
.label-info { background-color: #3a87ad !important;}
.label-primary {  background-color: #428bca !important;}
.label-success {  background-color: #82af6f !important;}
.label-danger {  background-color: #d15b47 !important;}
.label-important {  background-color: #d15b47 !important;}
.label-inverse {  background-color: #333333 !important;}
.label-warning {  background-color: #f89406 !important;}
.label-pink {  background-color: #d6487e !important;}
.label-purple {  background-color: #9585bf !important;}
.label-yellow {  background-color: #fee188 !important;}
.label-light { background-color: #e7e7e7 !important;}
.label-yellow {  color: #996633 !important;  border-color: #fee188;}
.label-light {  color: #888 !important;}
.badge-info { background-color: #3a87ad !important; color: white; border-radius: 4px !important; text-shadow: none; font-size: 12px; padding: 2px 4px 2px 4px; font-weight: normal; line-height: 15px; }
.badge-success { background-color: #82af6f !important; color: white; border-radius: 4px !important; text-shadow: none; font-size: 12px; padding: 2px 4px 2px 4px; font-weight: normal; line-height: 15px; }

/* Widgets */
.widget-body { border: 1px solid #CCC; border-top: none; background-color: #FFF; }
.widget-main { padding: 12px; }
.widget-header { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: relative; min-height: 38px; background: #f7f7f7; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee)); background-image: -webkit-linear-gradient(top, #ffffff, 0%, #eeeeee, 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); background-repeat: repeat-x; color: #669fc7; border: 1px solid #CCC; border-bottom: 1px solid #DDD; padding-left: 12px; }
.widget-header:before,
.widget-header:after { content: ""; display: table; line-height: 0; }
.widget-header:after { clear: right; }
.widget-header &gt; :first-child { line-height: 36px; padding: 0; margin: 0; display: inline; }


/* colors */
.dark { color: #333333 !important; }
.white { color: #ffffff !important; }
.red { color: #dd5a43 !important; }
.light-red { color: #ff7777 !important; }
.blue {  color: #478fca !important; }
.light-blue { color: #93cbf9 !important;}
.green { color: #69aa46 !important;}
.light-green { color: #b0d877 !important;}
.orange { color: #ff892a !important;}
.color-orange { color: #ff6a00; }
.light-orange { color: #fcac6f !important;}
.orange2 { color: #feb902 !important;}
.purple { color: #a069c3 !important;}
.pink { color: #c6699f !important;}
.pink2 { color: #d6487e !important;}
.brown { color: #a52a2a !important;}
.grey { color: #777777 !important;}
.light-grey { color: #bbbbbb !important;}


/* bigger and smaller*/
.bigger-110 { font-size: 110%;}
.bigger-120 { font-size: 120%;}
.bigger-130 { font-size: 130%;}
.bigger-140 { font-size: 140%;}
.bigger-150 { font-size: 150%;}
.bigger-160 { font-size: 160%;}
.bigger-170 { font-size: 170%;}
.bigger-180 { font-size: 180%;}
.bigger-190 { font-size: 190%;}
.bigger-200 { font-size: 200%;}
.bigger-210 { font-size: 210%;}
.bigger-220 { font-size: 220%;}
.bigger-230 { font-size: 230%;}
.bigger-240 { font-size: 240%;}
.bigger-250 { font-size: 250%;}
.bigger-260 { font-size: 260%;}
.bigger-270 { font-size: 270%;}
.bigger-280 { font-size: 280%;}
.bigger-290 { font-size: 290%;}
.bigger-300 { font-size: 300%;}
.bigger-125 { font-size: 125%;}
.bigger-175 { font-size: 175%;}
.bigger-225 { font-size: 225%;}
.bigger-275 { font-size: 275%;}
.smaller-90 { font-size: 90%;}
.smaller-80 { font-size: 80%;}
.smaller-70 { font-size: 70%;}
.smaller-60 { font-size: 60%;}
.smaller-50 { font-size: 50%;}
.smaller-40 { font-size: 40%;}
.smaller-30 { font-size: 30%;}
.smaller-20 { font-size: 20%;}
.smaller-75 { font-size: 75%;}

/* h1 - h6 header sizes */
h1 { font-size: 32px; font-weight: normal; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1.smaller { font-size: 31px;}
h1.bigger { font-size: 33px;}
h2 { font-size: 26px; font-weight: normal; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h2.smaller { font-size: 25px; }
h2.bigger { font-size: 27px;}
h3 { font-size: 22px; font-weight: normal; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
h3.smaller { font-size: 21px; }
h3.bigger { font-size: 23px; }
h4 { font-size: 18px; font-weight: normal; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h4.smaller { font-size: 15px; }
h4.bigger { font-size: 19px; }
h5 { font-size: 15px; font-weight: normal; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
h5.smaller { font-size: 13px;}
h5.bigger { font-size: 16px;}

@keyframes blink {  0% { opacity: 30; }  50% { opacity: 0; } 100% { opacity: 1; } }
.blink-alert { animation: blink 2s linear infinite;}

/* ======================================================== */
/* Firmenlogo mit Ruhezone und Schatten */
/* ======================================================== */
.firLogoQuietZoneCommonMaster { background-color: white; padding: 15px 30px 15px 30px; border-radius: 18px; height: 137px; opacity: 0.95; border: none; justify-content: center; align-items: center; display: flex; }
.firLogoQuietZoneMasterMaster { background-color: white; padding: 15px 30px 15px 30px; border-radius: 18px; height: 139px; opacity: 0.95; border: none; justify-content: center; align-items: center; display: flex; }
.firLogoQuietZoneCommonMaster:after { position: absolute; content: ''; width: 100%; height: 50%; top: 50%; left: 0px; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.12); z-index: -1; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; } /* Height und Top je 50% der original Werte */
.firLogoQuietZoneMasterMaster:after { position: absolute; content: ''; width: 100%; height: 37%; top: 63%; left: 0px; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.12); z-index: -1; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; } /* Height und Top je 63% plus 37% der original Werte */

/* ======================================================== */
/* Tree und Treefolder und Treebuttons */
/* ======================================================== */
.treearea1 { width: 350px; margin: 0px 0px 0px 41px; float:left; } 
.treerightarea1 { margin: 0px 0px 0px 450px; } 
.treerightarea1 .pagecontent1 .tabbable .nav-tabs,
.treerightarea1 .pagecontent1 .tabbable .tab-content { min-width:700px !important; }  /* Mindestbreite von tabbables, wenn links davon ein Tree ist */
.treeheader1 { background-color: #f5f5f5 !important; border-radius: 10px; height: 36px; width: 335px; padding: 6px 10px 2px 10px; }
.treeheadername1 { font-size: 16px; display: inline-block; }
.treeplanexpand1 { position: relative; left: -40px; top: -5px; margin-top: 0px; height: 50px; width: 20px; vertical-align: middle;  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15); border-top-right-radius: 10px; border-bottom-right-radius: 10px;  cursor: pointer; background-color: #f7f7f7; color: #aaa; padding-top: 20px; }
.treeplanexpand1 i { position: relative; top: -3px; }
.treearealarge1 { width: 650px; } 
.treerightarealarge1 { margin: 0px 0px 0px 750px; } 
.treeheaderlarge1 { width: 435px; }
.treearealarge1 .tree .tree-item-name { max-width: 95%; }
.btnAddItem, .btnAddAkt, .btnAddErb, .btnAddVerm, .btnAddUnterkonto { margin: 1px 2px 0px 0px; }
.btnMoveItem, .btnMoveItemVermFT, .btnMoveItemErbFT, .btnMoveItemErbVP, .btnCloneItem, .btnEditUnterkonto, .btnDeleteUnterkonto, .btnImportUnterkonto, .btnDeleteHaushaltskonto { margin: 1px 0px 0px 0px; }


/* ======================================================== */
/* Page und Content */
/* ======================================================== */
.pageareascreen1 { text-align: center; }
.pagecontentglobal1 { background-color: #ffffff; margin: 0px 0px 0px 0px; }
.pagecontentmain1 { background-color: #ffffff; margin: 45px 0px 0px 0px; }
.pagecontent1 { background-color: #ffffff; box-shadow: 1px 1px 12px 6px rgba(0, 0, 0, 0.06); border-radius: 32px; padding: 20px; margin-top: 20px; }  
.pagecontent1 .widget-box { border-bottom: none !important; }
.pagecontent1 .widget-box .widget-header { border-radius: 5px !important; border: none; margin-bottom: 10px; }
.pagecontent1 .widget-box .widget-body { border: none !important; }
.pagecontent1 .widget-box .widget-body .widget-main { margin: 0px; padding: 0px; }
.pagecontentdivcenter1 { flex-direction: column; align-items:center; display: flex; }
.pagecontentsmallradius1 { border-radius: 20px !important; }  
.pagecontentgelb1 { background-color: var(--gc-gelb6); color: #ffffff !important; }  /* width: 600px; */
.pagecontentgelb1 a { color: #ffffff !important; }   /* wegen "href" */
.pagecontentmagenta1 { background-color: var(--gc-magenta4); color: #ffffff; }
.pagecontentmagenta1 a { color: #ffffff !important; }   
.pagecontentgruen1 { background-color: var(--gc-gruen4); color: #ffffff; }
.pagecontentgruen1 a { color: #ffffff !important; }   
.pagecontentblau1 { background-color: var(--gc-blau4); color: #ffffff; }
.pagecontentblau1 a { color: #ffffff !important; }   
.pagetitel1 { display: block; line-height: 34px; font-size: 34px; font-weight: bold; color: #666666; background-color: #ffffff; margin: 0px 0px 5px 0px; font-family: Verdana, Geneva, Tahoma, sans-serif; }
.pagetitelcenter1 { text-align: center !important; }
.pagetitelleft1 { margin: 0px 0px 0px 20px !important; }

.pageheaderinfo1 { display: block; line-height: 20px; font-size: 20px; font-weight: 100; color: #8089a0; background-color: #ffffff; margin: 20px 10px 0px 200px; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.pagefooterbottom1 { width:100%; text-align: center; margin-top: 35px; margin-bottom: 20px; }  /*position: fixed; bottom: 35px; */
.pagemenubutton1 { margin-left: 5px !important; float: left; display: inline-block; }
.pageheadermenubutton1 { margin-left: 5px !important; float: left; display: inline-block; }
.pageheadermenubutton1 i { margin-right: 3px; }


/* ======================================================== */
/* Üersichtseite Page-Widget */
/* ======================================================== */
.pagewidgetheader1 { text-align: left !important; line-height: 36px; font-size: 20px; color: #ffffff !important; padding: 0px 0px 0px 16px; margin: 0px 0px 0px 0px; border: none; border-radius: 4px; }
.pagewidgetheadergelb1 { background-color: var(--gc-gelb6); }
.pagewidgetheadermagenta1 { background-color: var(--gc-magenta4); }
.pagewidgetheadergruen1 { background-color: var(--gc-gruen5); }
.pagewidgetheaderblau1 { background-color: var(--gc-blau5); }
.pagewidgetheader1 i { margin-right: 5px; }  /* Abstand zwischen Icon und Überschrift */

.pagewidgetinfo1 { text-align: left; vertical-align: middle; line-height: 30px; font-size: 13px; font-style: italic; color: #393939 !important; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.pagewidgeticon1 { float: right; vertical-align: middle; font-size: 13px; color: white !important; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; }

.pagewidgetscrollbox1 { overflow-y: hidden; padding: 0px; }
.pagewidgettableheader1 { line-height:12px; color: #000000; font-weight: normal; background-image: none !important; background-color: var(--gc-weiss) !important; border-bottom: 2px solid var(--gc-grau2); }

.pagewidgetkunde1 { text-align: left; padding-right: 30px; color: #ffffff; font-family: Verdana, Geneva, Tahoma, sans-serif; }
.pagewidgetkunde1 h3 { margin-top: 40px; line-height: 30px; font-size: 24px; font-weight: normal; font-family: Verdana, Geneva, Tahoma, sans-serif; }
.pagewidgetkunde1 p { text-align:left; line-height: 20px; font-size: 15px; font-family: Verdana, Geneva, Tahoma, sans-serif; }
.pagewidgetkunde1 i { font-size: 50px; }


/* ======================================================== */
/* Startpage */
/* ======================================================== */
.startpage1 { text-align: left; font-size: 16px; }
.startpagetitel1 { font-size: 38px; font-weight: bold; font-family: Verdana, Geneva, Tahoma, sans-serif; margin: 20px 0px 0px 0px; }
.startpagefragen1 li { font-weight: bold; font-style: italic; }
.startpagecontent1 { margin: 15px 0px 0px 0px; font-family: Verdana, Geneva, Tahoma, sans-serif; }
.startpagecontent1 p { margin: 0px 0px 10px 0px; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.startpagefamimages1 { position: relative; top:70px; background-color: #ffffff; padding: 00px 0px 0px 7px; height: 95px; border-radius: 10px; }
.startpagefamimages1 img { height: 83px; margin: 7px 7px 0px 0px; border: none; border-image-width: 0px; display: block; float: left; }
#startseite-bild-links { height: 150px; position: relative; }
#startseite-bild-rechts { position: relative; z-index: 0; }


/* ======================================================== */
/* Autoshrink */
/* ======================================================== */
@media screen and (min-width: 1px)    and (max-width: 1500px) { .col-autoshrink { width: 98% !important; }}
@media screen and (min-width: 1501px) and (max-width: 1600px) { .col-autoshrink { width: 96% !important; }}
@media screen and (min-width: 1601px) and (max-width: 1700px) { .col-autoshrink { width: 92% !important; }}
@media screen and (min-width: 1701px) and (max-width: 1800px) { .col-autoshrink { width: 88% !important; }}
@media screen and (min-width: 1801px) and (max-width: 1900px) { .col-autoshrink { width: 84% !important; }}
@media screen and (min-width: 1901px) and (max-width: 2000px) { .col-autoshrink { width: 80% !important; }}
@media screen and (min-width: 2001px)                         { .col-autoshrink { width: 75% !important; }}

@media screen and (min-width: 1px)    and (max-width: 1600px) { .col-autoshrinklarge { width: 99% !important; }}
@media screen and (min-width: 1601px) and (max-width: 1800px) { .col-autoshrinklarge { width: 98% !important; }}
@media screen and (min-width: 1801px) and (max-width: 2000px) { .col-autoshrinklarge { width: 96% !important; }}
@media screen and (min-width: 2001px)                         { .col-autoshrinklarge { width: 95% !important; }}

@media screen and (max-width: 1100px) { body.xpsBodyRoot .firLogoContainer { display: none; } } 
@media screen and (max-width: 1600px) { body.xpsBodyCommon .firLogoContainer { display: none; }} 

/* ======================================================== */
/* Diverses */
/* ======================================================== */
.row &gt; * { padding: 0px; }  /* bootstrap padding neutralisieren */
.btnShowMoreRows { cursor:pointer; padding-top:8px; padding-right:5px; }
.tabRowHeight20 tbody tr td { line-height:25px; }
.table-ellipsis { table-layout: fixed; }
.table-ellipsis thead tr th { table-layout: fixed; }
.table-ellipsis tbody tr td { overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }

/* deutsche Anführungszeichen , „Text“ ‘    */
/* englische Anführungszeichen ‘ “Text” ’   */

/* Single &amp;#10075; 10075 10076 &amp;#10076; */
/* Double &amp;#10077; 10077 10078 &amp;#10078; */
/* Apostroph &amp;#8217; */


/* ======================================================== */
/* Debug */
/* ======================================================== */
.debug0 { }
.debug1 { background-color: #ff3333 !important; border: 1px solid black !important; }
.debug2 { background-color: green !important; border: 1px solid black !important; }
.debug3 { background-color: blue !important; border: 1px solid black !important; }


/* ======================================================== */
/* tables                                                   */
/* ======================================================== */
th, td, .table-bordered { border-radius: 0 !important; }
.table thead tr { color: #707070; font-weight: normal; background: #F2F2F2; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f8f8f8), to(#ececec)); background-image: -webkit-linear-gradient(top, #f8f8f8, 0%, #ececec, 100%); background-image: -moz-linear-gradient(top, #f8f8f8 0%, #ececec 100%); background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0); }
.table thead tr th { border-color: #DDD; }
.table thead tr th [class*="icon-"]:first-child { margin-right: 2px; }
.table thead tr th:first-child { border-left-color: #F1F1F1; }
.table.table-bordered thead tr th { vertical-align: middle; }
.table.table-bordered thead tr th:first-child { border-left-color: #DDD; }
th.center, td.center { text-align: center; }
th .lbl, td .lbl { margin-bottom: 0; }
th .lbl:only-child, td .lbl:only-child { vertical-align: top; }
.table-header { background-color: #307ecc; color: #FFF; font-size: 14px; line-height: 38px; padding-left: 12px; margin-bottom: 1px; }
.table-header .close { margin-right: 8px; margin-top: 0; opacity: 0.45; filter: alpha(opacity=45); }
.table-header .close:hover { opacity: 0.75; filter: alpha(opacity=75); }
.tab-content { border: 1px solid #c5d0dc; padding: 16px 12px; position: relative; z-index: 11; }

/* Width percentage depending on the screen size */
@media (min-width: 576px)  { .proz-sm-10  { width: 10%!important } .proz-sm-20  { width: 20%!important } .proz-sm-30  { width: 30%!important } .proz-sm-40  { width: 40%!important } .proz-sm-50  { width: 50%!important } .proz-sm-60  { width: 60%!important } .proz-sm-70  { width: 70%!important } .proz-sm-80  { width: 80%!important } .proz-sm-90  { width: 90%!important } .proz-sm-100  { width: 100%!important } } 
@media (min-width: 768px)  { .proz-md-10  { width: 10%!important } .proz-md-20  { width: 20%!important } .proz-md-30  { width: 30%!important } .proz-md-40  { width: 40%!important } .proz-md-50  { width: 50%!important } .proz-md-60  { width: 60%!important } .proz-md-70  { width: 70%!important } .proz-md-80  { width: 80%!important } .proz-md-90  { width: 90%!important } .proz-md-100  { width: 100%!important } } 
@media (min-width: 992px)  { .proz-lg-10  { width: 10%!important } .proz-lg-20  { width: 20%!important } .proz-lg-30  { width: 30%!important } .proz-lg-40  { width: 40%!important } .proz-lg-50  { width: 50%!important } .proz-lg-60  { width: 60%!important } .proz-lg-70  { width: 70%!important } .proz-lg-80  { width: 80%!important } .proz-lg-90  { width: 90%!important } .proz-lg-100  { width: 100%!important } } 
@media (min-width: 1200px) { .proz-xl-10  { width: 10%!important } .proz-xl-20  { width: 20%!important } .proz-xl-30  { width: 30%!important } .proz-xl-40  { width: 40%!important } .proz-xl-50  { width: 50%!important } .proz-xl-60  { width: 60%!important } .proz-xl-70  { width: 70%!important } .proz-xl-80  { width: 80%!important } .proz-xl-90  { width: 90%!important } .proz-xl-100  { width: 100%!important } }  
@media (min-width: 1400px) { .proz-xxl-10 { width: 10%!important } .proz-xxl-20 { width: 20%!important } .proz-xxl-30 { width: 30%!important } .proz-xxl-40 { width: 40%!important } .proz-xxl-50 { width: 50%!important } .proz-xxl-60 { width: 60%!important } .proz-xxl-70 { width: 70%!important } .proz-xxl-80 { width: 80%!important } .proz-xxl-90 { width: 90%!important } .proz-xxl-100 { width: 100%!important } } 

@media (max-width: 1200px) { .pageheaderinfo1 { margin-left: 20px; } } /* Name, PLZ, Ort und Kontaktdaten rutschen ab 1200 nach links */
@media (max-width: 700px) { .startpagefamimages1 { display:none; } .pageheaderinfo1 { font-size:0.9em;  }  } /* Sie werden betreut von ...  */

/* ======================================================== */
/* Einstellungen für Bildschirme &lt;= 1200 px                 */
/* ======================================================== */
@media screen and (min-width: 1px) and (max-width: 1200px) {
   body { font-size:12px!important;  line-height: 1.3!important; }
  .btn { padding:3px 5px 3px 5px !important; font-size:10px!important; line-height:20px !important; } /* Allgemeine Buttons oben und Seichern, Abbrechen) */
  .btnTab { padding:1px 4px 1px 4px!important; font-size:10px!important; line-height:20px !important; } /* Mittleres Submenu (Diagramme, Analysen, Tabellen, Drucken)  */
  .label { font-size:9px!important; }
  .pagewidgetheader1 { line-height: 25px; font-size: 12px; padding: 0px 0px 0px 5px; }
  .pagecontentmain1 { margin: 15px 0px 0px 0px; }
  .pagecontent1 { padding:5px; border-radius:5px !important; }
  .pagetitel1 { font-size:26px !important; }
  .table &gt; :not(caption) &gt; * &gt; * { padding: 2px !important; }
  .ui-tabs .ui-tabs-nav li.ui-state-default &gt; a { padding: 3px; }
  input { font-size:12px!important; }
  textarea { font-size:12px!important; }
  select { padding:1px;height:22px !important; font-size:12px!important;}
  .tabRowHeight20 tbody tr td { line-height:16px !important; }
  .treeheader1 { height: 28px; width:236px; padding: 1px 1px 1px 1px; }
  .treearea1 { width:250px; margin: 0px 0px 0px 0px; } 
  .treerightarea1 { margin: 0px 0px 0px 251px; } 
  .treeplanexpand1 { position: relative; left: -7px; top: -5px; padding-top: 20px; }
  .btn-logout { width: 30px !important; }
}
@media screen and (min-width: 1px) and (max-width: 574px) {
  .pagetitel1 { font-size:26px !important; }
}</pre></body></html>