/* mukta-mahee-regular - latin */
@font-face {
  font-family: 'Mukta Mahee';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/mukta-mahee-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Mukta Mahee Regular'), local('MuktaMahee-Regular'),
       url('../mukta-mahee-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/mukta-mahee-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/mukta-mahee-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/mukta-mahee-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/mukta-mahee-v7-latin-regular.svg#MuktaMahee') format('svg'); /* Legacy iOS */
}

/* mukta-mahee-800 - latin */
@font-face {
  font-family: 'Mukta Mahee';
  font-style: normal;
  font-weight: 800;
  src: url('../webfonts/mukta-mahee-v7-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Mukta Mahee ExtraBold'), local('MuktaMahee-ExtraBold'),
       url('../webfonts/mukta-mahee-v7-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/mukta-mahee-v7-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/mukta-mahee-v7-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/mukta-mahee-v7-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/mukta-mahee-v7-latin-800.svg#MuktaMahee') format('svg'); /* Legacy iOS */
}

    body{ font-family: 'Mukta Mahee', sans-serif;  }

    .btnlh {line-height: 1.1; }
    .btnlh small { font-size: 11px;   }
    .punkt { height: 9px;  width: 9px; margin: 1px; border: 1px solid gray; background-color: #bbb; border-radius: 50%; display: block;float:left;}
    .WG { background-color: darkseagreen!important; }
    .LebGruppe a img { max-width: 50px;}
    .DetailUnterBilder{ background-color: transparent;position:absolute;bottom:5px;width:30%; border: 2px solid transparent; aspect-ratio: 1 / 1.5;   background-size: cover;  }
    .InpGreen { background-color: lightgreen!important; }
    .FormatGruen { background-color: #e9f4df!important;  }
    .ColGattung { background-color: #c5dfab!important;  }
    .WKZeile { position: relative; }
    .WKZeile span { position: absolute;font-size: 0.6em; color: darkblue; }
    .WKZeileTDInp { width: 3.5em; }
    .WKZeileTDInp input { width:100%;margin: -1px; border:1px solid gray; }
    .bltabdet  { text-align: center;}
    .bltabdet td { width:8%; }
    .EingabefelderP { display: none; }

    .rot { color:red!important; }
    .gelb { color:orange!important; }
    .grun { color:green!important; }


    .tab_Bluetezeit {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5em;
    }

    .tab_Bluetezeit_Monat {
        width: 7%;
        text-align: center;
        padding: 0.1em;
        font-size: 0.6em;
        color: black;
        border: 1px solid gray;
        border-radius: 3px;
        margin-right: 2px;
    }

    #loading-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.loading-row {
  opacity: 0;
  font-size: 2em;
  animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


.bild-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.bild-wrapper picture,
.bild-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bild-wrapper img {
  object-fit: cover;
  object-position: center;
}

@keyframes blinkGreen {
    0% { background-color: #034412; }
    50% { background-color: #034412; opacity: 0.5; }
    100% { background-color: #034412; }
}

.blink-green {
    animation: blinkGreen 0.5s ease-in-out;
}

  .tooltip-image {
    position: absolute;
    pointer-events: none;
    display: none;
    z-index: 1000;
    width: 300px;
    border: 1px solid #ccc;
    background: white;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
  }


    .PictoDiv { border:1px solid gray; border-radius: 15px; width: 30px; height: 30px; background-position: center;background-size: cover; float:right;margin:5px;background-color: white;}
    .print-footer { display: none; }

@media print { .noprint{ display:none;  }

    body { margin: 10mm 10mm 10mm 10mm;padding: 10mm 10mm 10mm 10mm; }

    table {
        page-break-inside: avoid;
    }
    tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }
    td, th {
        page-break-inside: avoid;
        page-break-after: auto;
    }
    .nobr {
       page-break-inside: avoid;
        page-break-after: auto;
    }


 .print-footer {
                display: block;
                position: fixed;
                bottom: 10;
                left: 0;
                width: 100%;
                text-align: center;
                font-size: 12px;
                color: gray;
                border-top: 1px solid #ccc;
                padding: 10px;
                background: white;
                z-index: 9999;
            }



    }