@import url('icons.css');


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'),
    url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(../fonts/MaterialIcons-Regular.woff) format('woff'),
    url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

@font-face {
  font-family: 'Framework7 Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Framework7Icons-Regular.woff2') format('woff2'),
    url('../fonts/Framework7Icons-Regular.woff') format('woff'),
    url('../fonts/Framework7Icons-Regular.ttf') format('truetype');
}

.f7-icons {
  font-family: 'Framework7 Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 28px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'liga';
  -moz-font-feature-settings: 'liga=1';
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  text-align: center;
}


/*color*/
.panel {
    top: 67px;
    height: calc(100% - 85px);
    color: #ff0000;
    border-right: 1px solid #ccc;
}

#app>.view {
	background-color: #ffffff;
	height: calc(100% - 85px) !important;
}


.page-content{
	padding-top:0!important;
	background:#ffffff;
}

#app>.headerbar {
    background: #A52A2A;
    height: 66px;
    display: block;
    z-index: 100000;
    position: relative;
    width: 100vw;
    border-bottom: 1px solid #ccc;
}
.logowrapper{
    color: #fff;
    display: flex;
	filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

	    align-items: center;
}

#app>.headerbar .apptitle{
	color:#fff;
/* 1. Tahoma/Verdana sind breiter als Arial und kommen dem Look näher */
    /* 2. 'Segoe UI' ist der moderne Windows-Standard */
    font-family: 'Segoe UI', Tahoma, Verdana, Arial, sans-serif;
    font-size:24px;
    /* Der typische Chronodo-Style */
    font-weight: 800;        /* Extra fett */
    font-style: italic;     /* Kursiv für die Dynamik */
    text-transform: uppercase; /* Alles in Großbuchstaben */
    /* Um die 'Breite' und den 'Speed' des Logos zu simulieren: */
    letter-spacing: -0.02em; /* Buchstaben etwas enger zusammen */
    font-stretch: expanded;   /* Falls vom Browser unterstützt */	
	
	font-family: 'Segoe UI', Tahoma, sans-serif;
    font-weight: 850; /* Sehr fett für den markanten Look */
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 0.5px; /* Ganz leichtes Spacing für die Lesbarkeit */
    color: #ffffff;
    vertical-align: middle;
    display: inline-block;
}
#app>.headerbar .applogo{
    display: inline-block;
    background-color: currentColor; /* Farbe wird über 'color' gesteuert */
    
    /* Die neue, detaillierte Maske */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='m 60.507812,20.070312 c -5.927527,0.02937 -11.771195,1.346253 -17.197265,3.851563 -4.88128,2.253771 -7.930947,4.581576 -11.591797,8.205078 -3.417,3.382146 -5.395172,6.119106 -7.607422,10.53125 -2.86696,5.717886 -4.29643,11.053358 -4.55664,17.001953 -0.34039,8.199371 2.092971,17.12876 7.476562,25.22461 3.34414,4.812184 7.914897,9.00398 13.466797,12.349609 5.16423,3.112015 9.513749,4.520895 16.443359,5.324215 2.1787,0.25256 6.695835,0.13365 9.203125,-0.24218 5.9204,-0.88747 10.915649,-2.836978 17.011719,-6.636722 4.64837,-2.897381 10.206209,-8.74961 12.630859,-13.298829 0.4667,-0.875594 0.689561,-1.363128 0.494141,-1.082031 -3.88209,5.584268 -6.211665,8.041409 -10.578125,11.154297 -2.63505,1.878551 -7.814606,4.457274 -11.041016,5.496094 C 67.311619,100.31588 59.90643,100.59964 50.398438,97 44.930522,94.505075 42.88399,93.311541 36.298828,87.296875 c 5.243996,1.912146 10.352969,2.946055 16.208984,2.650391 3.707091,-0.343131 11.449464,-3.573742 16.6875,-8.714844 9.745257,-9.32973 17.200387,-18.120976 25.478516,-27.021484 2.697203,2.875599 2.609841,2.721291 4.978516,5.304687 1.835736,-9.411113 1.872986,-9.22901 3.945316,-19.671875 -9.121392,1.382743 -9.12012,1.404862 -20.345707,3.300781 2.036193,2.006028 3.328518,3.26327 5.123047,5.078125 -0.466581,0.473255 -11.161416,11.997047 -16.847656,17.802735 -5.86605,5.989262 -7.991101,7.764943 -12.541016,11.011718 -6.964642,4.669612 -12.048145,5.239447 -18.810547,3.351563 -2.79686,-0.919267 -6.399595,-3.370851 -8.447265,-5.75 -1.69838,-1.973321 -3.304895,-4.374175 -4.267578,-8.025391 -0.586384,-2.85114 -0.788955,-4.284182 -0.892579,-6.953125 0.02537,-3.280811 0.01534,-5.374783 0.650391,-8.314453 1.19989,-5.55426 2.832209,-9.296215 5.949219,-13.630859 4.06427,-5.651935 8.460321,-9.39588 14.394531,-12.257813 1.87053,-0.934272 3.983014,-1.886882 6.339844,-2.447265 4.70544,-1.408888 12.417087,-1.608759 17.804687,-0.462891 4.57834,0.973751 10.980268,3.897629 14.267578,6.517578 1.78256,1.420687 2.208409,1.652074 0.955079,0.519531 -1.784461,-1.6125 -6.257657,-4.501315 -8.722657,-5.634765 -5.76052,-2.64878 -11.771691,-3.908276 -17.699219,-3.878907 z m 3.138672,4.113282 c -4.767285,0.07621 -9.5184,1.053488 -13.789062,2.945312 -3.25523,1.442005 -4.701618,2.325853 -7.773438,4.75 -7.35765,5.806359 -11.893689,14.871069 -12.693359,25.365235 -0.284605,4.588896 0.856852,10.370714 3.287109,14.052734 -1.543358,-4.29567 -1.998477,-5.643259 -1.998046,-8.664063 4.172946,-0.08323 5.228438,0.179067 5.324218,-1.605468 -0.08282,-2.180003 -1.114133,-1.752383 -5.162109,-1.638672 l 0.1875,-2.113281 c 0.51563,-5.856523 3.479004,-12.721894 7.496094,-17.363282 4.51316,-5.214553 11.313247,-8.812759 18.986328,-10.191406 0.719004,-0.150286 1.472808,-0.241417 1.957031,-0.210937 0.128512,1.426394 0.196624,2.422508 0.332031,3.755859 0.07046,1.034375 0.723286,1.735169 1.726563,1.730469 1.0019,-0.02857 1.719127,-0.80768 1.648437,-1.900391 -0.03162,-1.216733 -0.04278,-2.29067 -0.09961,-3.720703 4.023743,0.07176 8.404349,0.784155 11.748047,2.875 2.797555,2.004696 4.926306,3.974747 7.152343,8.125 4.878656,-0.863951 4.882411,-0.863713 9.675782,-1.587891 C 90.826676,37.308086 91.306526,38.09048 90.347656,36.658203 84.695092,28.214893 74.134513,24.015928 63.646484,24.183594 Z M 43.017578,42.587891 c -0.701487,-0.09892 -1.394749,0.716377 -1.001953,1.382812 7.852687,9.045372 7.82635,9.049321 14.941406,17.544922 0.08881,1.401302 0.823251,3.424831 3.242188,4.039063 2.489995,0.551368 5.37514,-1.176337 5.558593,-4.265626 7.8282,-6.611513 7.813159,-6.605712 14.765626,-12.513671 0.430593,-0.603789 -0.335509,-1.478922 -1.0625,-1.109375 -6.860109,3.876587 -6.855563,3.881324 -16.25,9.029296 -1.069528,-0.652607 -2.126726,-0.69465 -3.41211,-0.183593 -7.703202,-6.446086 -7.704984,-6.405804 -16.484375,-13.822266 -0.09741,-0.05451 -0.196662,-0.08743 -0.296875,-0.101562 z m 50.863281,16.394531 -3.970703,3.970703 -3.970703,3.970703 -0.888672,3.115234 c -2.13185,7.482907 -6.752509,13.965565 -13.021484,18.263672 -3.154292,2.162631 -4.848565,3.030538 -8.697266,4.339844 -3.555523,0.804743 -4.39495,0.9142 -8.339843,1.152344 l -4.785157,-0.19336 2.003907,0.628907 c 1.102059,0.346188 2.862529,0.736379 3.912109,0.867187 3.94046,0.491092 9.488747,-0.194609 13.904297,-1.71875 10.57211,-3.649236 18.039015,-11.440654 22.046875,-23.007812 0.99203,-2.863096 1.80664,-7.342258 1.80664,-9.925782 z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='m 60.507812,20.070312 c -5.927527,0.02937 -11.771195,1.346253 -17.197265,3.851563 -4.88128,2.253771 -7.930947,4.581576 -11.591797,8.205078 -3.417,3.382146 -5.395172,6.119106 -7.607422,10.53125 -2.86696,5.717886 -4.29643,11.053358 -4.55664,17.001953 -0.34039,8.199371 2.092971,17.12876 7.476562,25.22461 3.34414,4.812184 7.914897,9.00398 13.466797,12.349609 5.16423,3.112015 9.513749,4.520895 16.443359,5.324215 2.1787,0.25256 6.695835,0.13365 9.203125,-0.24218 5.9204,-0.88747 10.915649,-2.836978 17.011719,-6.636722 4.64837,-2.897381 10.206209,-8.74961 12.630859,-13.298829 0.4667,-0.875594 0.689561,-1.363128 0.494141,-1.082031 -3.88209,5.584268 -6.211665,8.041409 -10.578125,11.154297 -2.63505,1.878551 -7.814606,4.457274 -11.041016,5.496094 C 67.311619,100.31588 59.90643,100.59964 50.398438,97 44.930522,94.505075 42.88399,93.311541 36.298828,87.296875 c 5.243996,1.912146 10.352969,2.946055 16.208984,2.650391 3.707091,-0.343131 11.449464,-3.573742 16.6875,-8.714844 9.745257,-9.32973 17.200387,-18.120976 25.478516,-27.021484 2.697203,2.875599 2.609841,2.721291 4.978516,5.304687 1.835736,-9.411113 1.872986,-9.22901 3.945316,-19.671875 -9.121392,1.382743 -9.12012,1.404862 -20.345707,3.300781 2.036193,2.006028 3.328518,3.26327 5.123047,5.078125 -0.466581,0.473255 -11.161416,11.997047 -16.847656,17.802735 -5.86605,5.989262 -7.991101,7.764943 -12.541016,11.011718 -6.964642,4.669612 -12.048145,5.239447 -18.810547,3.351563 -2.79686,-0.919267 -6.399595,-3.370851 -8.447265,-5.75 -1.69838,-1.973321 -3.304895,-4.374175 -4.267578,-8.025391 -0.586384,-2.85114 -0.788955,-4.284182 -0.892579,-6.953125 0.02537,-3.280811 0.01534,-5.374783 0.650391,-8.314453 1.19989,-5.55426 2.832209,-9.296215 5.949219,-13.630859 4.06427,-5.651935 8.460321,-9.39588 14.394531,-12.257813 1.87053,-0.934272 3.983014,-1.886882 6.339844,-2.447265 4.70544,-1.408888 12.417087,-1.608759 17.804687,-0.462891 4.57834,0.973751 10.980268,3.897629 14.267578,6.517578 1.78256,1.420687 2.208409,1.652074 0.955079,0.519531 -1.784461,-1.6125 -6.257657,-4.501315 -8.722657,-5.634765 -5.76052,-2.64878 -11.771691,-3.908276 -17.699219,-3.878907 z m 3.138672,4.113282 c -4.767285,0.07621 -9.5184,1.053488 -13.789062,2.945312 -3.25523,1.442005 -4.701618,2.325853 -7.773438,4.75 -7.35765,5.806359 -11.893689,14.871069 -12.693359,25.365235 -0.284605,4.588896 0.856852,10.370714 3.287109,14.052734 -1.543358,-4.29567 -1.998477,-5.643259 -1.998046,-8.664063 4.172946,-0.08323 5.228438,0.179067 5.324218,-1.605468 -0.08282,-2.180003 -1.114133,-1.752383 -5.162109,-1.638672 l 0.1875,-2.113281 c 0.51563,-5.856523 3.479004,-12.721894 7.496094,-17.363282 4.51316,-5.214553 11.313247,-8.812759 18.986328,-10.191406 0.719004,-0.150286 1.472808,-0.241417 1.957031,-0.210937 0.128512,1.426394 0.196624,2.422508 0.332031,3.755859 0.07046,1.034375 0.723286,1.735169 1.726563,1.730469 1.0019,-0.02857 1.719127,-0.80768 1.648437,-1.900391 -0.03162,-1.216733 -0.04278,-2.29067 -0.09961,-3.720703 4.023743,0.07176 8.404349,0.784155 11.748047,2.875 2.797555,2.004696 4.926306,3.974747 7.152343,8.125 4.878656,-0.863951 4.882411,-0.863713 9.675782,-1.587891 C 90.826676,37.308086 91.306526,38.09048 90.347656,36.658203 84.695092,28.214893 74.134513,24.015928 63.646484,24.183594 Z M 43.017578,42.587891 c -0.701487,-0.09892 -1.394749,0.716377 -1.001953,1.382812 7.852687,9.045372 7.82635,9.049321 14.941406,17.544922 0.08881,1.401302 0.823251,3.424831 3.242188,4.039063 2.489995,0.551368 5.37514,-1.176337 5.558593,-4.265626 7.8282,-6.611513 7.813159,-6.605712 14.765626,-12.513671 0.430593,-0.603789 -0.335509,-1.478922 -1.0625,-1.109375 -6.860109,3.876587 -6.855563,3.881324 -16.25,9.029296 -1.069528,-0.652607 -2.126726,-0.69465 -3.41211,-0.183593 -7.703202,-6.446086 -7.704984,-6.405804 -16.484375,-13.822266 -0.09741,-0.05451 -0.196662,-0.08743 -0.296875,-0.101562 z m 50.863281,16.394531 -3.970703,3.970703 -3.970703,3.970703 -0.888672,3.115234 c -2.13185,7.482907 -6.752509,13.965565 -13.021484,18.263672 -3.154292,2.162631 -4.848565,3.030538 -8.697266,4.339844 -3.555523,0.804743 -4.39495,0.9142 -8.339843,1.152344 l -4.785157,-0.19336 2.003907,0.628907 c 1.102059,0.346188 2.862529,0.736379 3.912109,0.867187 3.94046,0.491092 9.488747,-0.194609 13.904297,-1.71875 10.57211,-3.649236 18.039015,-11.440654 22.046875,-23.007812 0.99203,-2.863096 1.80664,-7.342258 1.80664,-9.925782 z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
	width: 66px; height: 66px; color: #fff;
}
.page>.headerbar{
	background: #fff;
	height: 44px;
	display: flex;
	z-index: 100000;
	position: relative;
	width: calc(100% - 20px);
	border-bottom:1px solid #ccc;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}

.page>.headerbar .breadcrumbs{

}
.page>.headerbar .breadcrumbs-item{
    padding: 3px 8px;
    border-radius: 6px;
	font-size: 15px;
}
.page>.headerbar .breadcrumbs-item:has(a):hover{
    background-color: rgb(255 0 0 / 15%)!important;	
}
.page>.headerbar>.headertoolbar{
	display:flex;
}
.page>.headerbar>.headertoolbar>.button{
    width: auto;
	margin-left:6px;
}

.footerbar{
	background: #ffffff;
	height: 30px;
	display: block;
	z-index: 100000;
	position: relative;
	width: 100vw;
	border-top:1px solid #ccc;
}



@media (min-width: 630px) and (min-height: 630px) {
    .popup:not(.popup-tablet-fullscreen) {
        left: var(--popup-left);
    }
}
.menu-list .item-selected .item-link, .menu-list .item-selected.item-link, .menu-list .tab-link-active .item-link, .menu-list .tab-link-active.item-link {
    background-color: rgb(255 0 0 / 15%);
    color: #4b4b4b;
}
.menu-list .item-selected .item-after, .menu-list .item-selected .item-footer, .menu-list .item-selected .item-header, .menu-list .item-selected .item-subtitle, .menu-list .item-selected .item-text, .menu-list .item-selected .item-title {
    color: #4b4b4b;
}

	/* Scrollbar Styling */
	::-webkit-scrollbar {
		width: 8px !important;
		height: 8px !important;
		background-color: rgba(0, 0, 0, 0) !important;
	}

	::-webkit-scrollbar-button:single-button,
	::-webkit-scrollbar-button {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
	}

	::-webkit-scrollbar-track,
	::-webkit-scrollbar-track-piece {
		background-color: rgba(0, 0, 0, 0) !important;
		border: none !important;
	}

	::-webkit-scrollbar-corner {
		background-color: transparent !important;
	}

	::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, .2) !important;
		border-radius: 10px !important;
		border: 2px solid transparent !important;
		background-clip: content-box !important;
	}

	body:hover::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, 0.2) !important;
	}

	::-webkit-scrollbar-thumb:hover {
		background-color: rgba(0, 0, 0, 0.4) !important;
	}