/* Meta-Combination with w3-source */
/* +Portal */
 
.w3-gold,.w3-hover-gold:hover{color:#000!important;background-color:#FFD700!important}
.w3-border-gold,.w3-hover-border-gold:hover{border-color:#FFD700!important}

/* .minisys-flag-help-info:hover {height:40px!important;background-image: url('/artwork/all-icons/graduate-hat-black.png')!important;} */
.minisys-flag-help-info:hover {transform: scale(1.2,1.2);transition: 0.1s;}
 
.minisys-text-blink {text-decoration: bold;animation: minisysblinker 2s linear infinite;}
@keyframes minisysblinker {50% {opacity: 0;}}
 
/* Change IMG-Color to the given attribute, ideal for black and white icons - Thanks to https://codepen.io/sosuke/pen/Pjoqqp */
/* should be changed if the browsers will do this by an internal function */
.minisys-img-color-red {filter: invert(20%) sepia(90%) saturate(7118%) hue-rotate(2deg) brightness(94%) contrast(119%);}
.minisys-img-color-green {filter: invert(63%) sepia(68%) saturate(5211%) hue-rotate(89deg) brightness(128%) contrast(117%);}
.minisys-img-color-blue {filter: invert(13%) sepia(100%) saturate(3500%) hue-rotate(237deg) brightness(108%) contrast(145%);}
.minisys-img-color-yellow {filter: invert(100%) sepia(100%) saturate(7497%) hue-rotate(357deg) brightness(103%) contrast(107%);}
.minisys-img-color-orange {filter: invert(66%) sepia(18%) saturate(7378%) hue-rotate(1deg) brightness(103%) contrast(105%);}
.minisys-img-color-magenta {filter: invert(22%) sepia(69%) saturate(5201%) hue-rotate(294deg) brightness(112%) contrast(131%);}
.minisys-img-color-cyan {filter: invert(100%) sepia(65%) saturate(3337%) hue-rotate(101deg) brightness(102%) contrast(101%);}
.minisys-img-color-gray {filter: invert(73%) sepia(32%) saturate(1%) hue-rotate(343deg) brightness(102%) contrast(86%);}
.minisys-img-color-grey {filter: invert(73%) sepia(32%) saturate(1%) hue-rotate(343deg) brightness(102%) contrast(86%);}
.minisys-img-color-silver {filter: invert(84%) sepia(0%) saturate(0%) hue-rotate(110deg) brightness(93%) contrast(92%);} /* #C0C0C0 */
.minisys-img-color-gold {filter: invert(74%) sepia(89%) saturate(716%) hue-rotate(358deg) brightness(101%) contrast(106%);} /* #FFD700 */
.minisys-img-color-copper { filter: invert(58%) sepia(46%) saturate(579%) hue-rotate(325deg) brightness(92%) contrast(86%);} /* #DC7F64 */
.minisys-img-color-lilac-lite {filter: invert(66%) sepia(41%) saturate(204%) hue-rotate(251deg) brightness(98%) contrast(85%);} /* #C8A2C8 */
.minisys-img-color-lilac-dark {filter: invert(31%) sepia(14%) saturate(2063%) hue-rotate(251deg) brightness(92%) contrast(92%);} /* #7B3F7B */
.minisys-img-color-blue-dark {filter: invert(8%) sepia(73%) saturate(7320%) hue-rotate(238deg) brightness(76%) contrast(144%);} /* #00008B */
.minisys-img-color-blue-lite {filter: invert(93%) sepia(3%) saturate(4663%) hue-rotate(167deg) brightness(96%) contrast(87%);} /* #ADD8E6 */
.minisys-img-color-green-dark {filter: invert(16%) sepia(98%) saturate(2733%) hue-rotate(103deg) brightness(95%) contrast(103%);} /* #006400 */
.minisys-img-color-green-lite {filter: invert(84%) sepia(45%) saturate(443%) hue-rotate(59deg) brightness(101%) contrast(87%);} /* #90EE90 */
 
.minisys-screen-modal {z-index:3;display:none;position:fixed;left:0;top:25px;width:100%;height:100%;overflow:auto;background-color:transparent;}
.minisys-screen-modal-content {margin:auto;background-color:transparent;position:relative;padding:0;outline:0;width:auto}
 
/* MINISYS-Main-Full Menu */
.minisys-menu-full-dropdown {float: left;background-color: rgba(255, 255, 255, .9);backdrop-filter: blur(15px);border: 1px solid #f44336;border-radius: 8px;line-height: 1;} /* White */
.minisys-menu-full-content {position: absolute;width: auto;height: auto;left: 0;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.minisys-menu-full-column {float: left;width: auto;padding: 10px;color:#f44336;height: auto;font-weight: bold;}
.minisys-menu-full-column a {float: none;color: black;padding: 4px;text-decoration: none;display: block;text-align: left;}
.minisys-menu-full-column a:hover {color: #f44336;transform: scale(1.15,1.15);transition: 0.1s;}
.minisys-menu-full-column div:hover {transform: scale(1.15,1.15);transition: 0.1s;}
 
/* Clear floats after the columns */
.minisys-menu-full-row:after {content: "";display: table;clear: both;}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {.minisys-menu-full-column {width: 100%;height: auto;}}
 
.minisys-menu-full-btn {float: left;overflow: hidden;vertical-align:middle;height:22px;font-size:16px;}
.minisys-menu-full-btn:hover {transform: scale(1.2,1.2);transition: 0.1s;}
.minisys-menu-full-btn:active {transform: scale(0.95,0.95);transition: 0.2s;}
.minisys-menu-modal {z-index:3;display:none;position:fixed;left:0;top:25px;width:100%;height:100%;overflow:auto;background-color:transparent;}
.minisys-menu-modal-content {margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:auto}
 
 
/* MINISYS-Main-Short Menu */
.minisys-menu-short-dropdown {float: left;background-color: rgba(255, 255, 255, .9);backdrop-filter: blur(15px);border: 1px solid #f44336;border-radius: 8px;line-height: 1.5;} /* White */
.minisys-menu-short-content {position: absolute;width: auto;height: auto;left: 0;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
 
/* Create columns that floats next to each other */
.minisys-menu-short-column {float: left;width: auto;padding: 10px;color:#f44336;height: auto;font-weight: bold;}
.minisys-menu-short-column a {float: none;color: black;padding: 4px;text-decoration: none;display: block;text-align: left;}
 
.minisys-menu-short-column a:hover {color: #f44336;transform: scale(1.15,1.15);transition: 0.1s;}
.minisys-menu-short-column div:hover {transform: scale(1.15,1.15);transition: 0.1s;}
 
/* Clear floats after the columns */
.minisys-menu-short-row:after {content: "";display: table;clear: both;}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {.minisys-menu-short-column {width: 100%;height: auto;}}
 
.minisys-menu-short-btn {float: left;overflow: hidden;vertical-align:middle;height:22px;font-size:16px;}
.minisys-menu-short-btn:hover {transform: scale(1.2,1.2);transition: 0.1s;}
.minisys-menu-short-btn:active {transform: scale(0.95,0.95);transition: 0.2s;}
 
/* minisys-btn-tooltip usage: <span class="minisys-btn-tooltip">text<span>ToolTipText</span></span> */
.minisys-btn-tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black;}
.minisys-btn-tooltip span {
  visibility: hidden;
  position:absolute;left:-50px;bottom:12px;
  background-color#2196F3;color:white;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;
  border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:white;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;
  color:white!important;background-color:#2196F3!important;
  border:1px solid #ccc!important;
  border-radius:8px;
 }
.minisys-btn-tooltip:hover span {visibility: visible;}
.minisys-btn-tooltip:hover span:hover {display:inline-block;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);transform: scale(1.05,1.05);transition: 0.2s;}
.minisys-btn-tooltip:hover span:active {transform: scale(0.95,0.95);transition: 0.1s;}
 
/* Add minisys-w3-btn to w3 */
.minisys-w3-btn:hover {transform: scale(1.1,1.1);transition: 0.1s;}
.minisys-w3-btn:active {transform: scale(0.95,0.95);transition: 0.2s;}
 
/* Zooming */
.minisys-w3-zoom1:hover {transform: scale(1.1,1.1);transition: 0.1s;}
.minisys-w3-zoom2:hover {transform: scale(1.2,1.2);transition: 0.1s;}
.minisys-w3-zoom3:hover {transform: scale(1.3,1.3);transition: 0.1s;}
.minisys-w3-zoom4:hover {transform: scale(1.4,1.4);transition: 0.1s;}
.minisys-w3-zoom5:hover {transform: scale(1.5,1.5);transition: 0.1s;}
 
/* Alternate to w3 */
.minisys-w3-modal {z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.3);
 -webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);}
 
.minisys-portal-gold {
  width: 30rem;
  height: 20rem;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
  border-radius: 5px;
  background-color: rgba(205, 173, 0, .15);
  border-bottom: 3px double #cdad00;
  border-right: 3px double #cdad00;
  border-top: 1px double #cdad00;
  border-left: 1px double #cdad00;
  backdrop-filter: blur(5px);
}
 
.minisys-portal-dark-gold {
  width: 30rem;
  height: 20rem;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
  border-radius: 5px;
  background-color: rgba(139, 117, 0, .15);
  border-bottom: 3px double #8b7500;
  border-right: 3px double #8b7500;
  border-top: 1px double #8b7500;
  border-left: 1px double #8b7500;
  backdrop-filter: blur(5px);
}
 
.minisys-portal-white {
  width: 30rem;
  height: 20rem;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
  border-radius: 5px;
  background-color: rgba(255, 255, 255, .15);
  border-bottom: 3px double #FFF;
  border-right: 3px double #FFF;
  border-top: 1px double #FFF;
  border-left: 1px double #FFF;
  backdrop-filter: blur(5px);
}
 
.minisys-portal-smoke {
  width: 30rem;
  height: 20rem;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
  border-radius: 5px;
  /*background-color: rgba(255, 255, 255, .15);*/
  background-color: rgba(50, 50, 50, .25); /*Rauchglass*/
  border-bottom: 3px double #505050;
  border-right: 3px double #505050;
  border-top: 1px double #505050;
  border-left: 1px double #505050;
  backdrop-filter: blur(15px); /*Rauchglass*/
}
 
 
 
/*
blur / Unsch&#132;rfe
 
div{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  width: 100%;
  height: 100px;
  background-color: #ccc;
}
 
 style='-webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);'
 
 
Buttons-Hover-Click vergr&#148;áern
 div:hover {transform: scale(1.5,1.5);}
 div:active {transform: scale(1.25,1.25);}
Animiert
 div:hover {transform: scale(1.5,1.5);transition: 0.2s;}
 div:active {transform: scale(1.25,1.25);transition: 0.2s;}
 
*/