:root {
  --tab-bg-color-lightBlue: rgb(225,228,244); /*Reihe Samstag */  
  --tab-bg-color-Blue: rgb(195,202,232); /*Reihe Sonntag*/ 
  --tab-bg-color-zebaBlue: rgb(19,94,171); /*Wochenende Datum: ZEBA Blau*/
  --tab-bg-color-lightGray: rgb(227,227,227); /*Reihe alternierend*/  
  --tab-bg-color-darkGray: rgb(100,100,100);  /*Kalender Datum*/
    
    /*d1: Kalenderwoche Ausrichtung*/
  --val-d1-height: 12px;
  --val-d1-padd-top: 0.2em;
  
    /*d2: Tag Nummer*/
    
    /*d3: Tag Name*/
    
    /*d4: Div für ABAR und Feiertagname*/
  --val-d4-width: 91px;
      
    /*d4 div: Feiertagname Ausrichtung*/
  --val-d4div-padd-top: 0.31em;
  --val-d4div-padd-left: 0.7em;
    
    /*.d1,.d2,.d3,.d4*/
    --val-d-height: 12px;
    
    /*td_kal Height*/
    --val-td_kal-height: 18px;

}

@font-face {
    font-family: "Akkurat Regular";
    src:local('AkkuratPro-Regular'), 
        url(fonts/AkkuratPro-Regular.otf) format("opentype");
}
@font-face {
    font-family: "Akkurat Bold";
    font-weight: bold;
    src:local('AkkuratPro-Bold'),
        url(fonts/AkkuratPro-Bold.otf) format("opentype");
}
@font-face {
    font-family: "Akkurat Light";
    font-weight: light;
    src:local('AkkuratPro-Light'),
        url(fonts/AkkuratPro-Light.otf) format("opentype");
}
@font-face {
    font-family: "Akkurat LightItalic";
    src:local('AkkuratPro-LightItalic'),
        url(fonts/AkkuratPro-LightItalic.otf) format("opentype");
}
@font-face {
    font-family: "Akkurat Italic";
    src:local('AkkuratPro-Italic'),
        url(fonts/AkkuratPro-Italic.otf) format("opentype");
}
@font-face {
    font-family: "Akkurat BoldItalic";
    src:local('AkkuratPro-BoldItalic'),
        url(fonts/AkkuratPro-BoldItalic.otf) format("opentype");
}

#content61 {
        font-family: "Akkurat Regular";
        padding-bottom:20px;
        position: absolute; /*offscreen nach unten schieben, damit nicht sichtbar*/
        top: 150%;/*offscreen nach unten schieben, damit nicht sichtbar*/
    }


#content61 .sel_wrapper{ /* Selekt Felder in einer Reihe*/
    float: left;
}


/*Sammelgebiet kürzel*/
#content61 .sage_nr { /* Sammelgebiete Nummer und Buchstaben */
        margin-left:1px;/*Linker Abstand vom Icon*/
        font-size: 8.5pt;
        color: black;
        margin-right: 1px;
        letter-spacing: 0.085em;
    }
#content61 th.thtabmon{ 
    padding-top: 3px;
    border-bottom: solid 0.15em black;
    font-size: 12pt;
    color: black;
}

/*Abstand zwischen den Spalten*/
#content61 th, #content61 td.kal {
    /*border-right: 26px solid white;*/
}

/*Zelle*/
#content61 td.td_kal {
    /*! min-width: 92px; */
    /*! height: 100px; */
    /*! vertical-align: middle; */
    /*! padding-top: 2px; */
    /*! height: var(--val-td_kal-height); */
    /*! text-align: left; */
    /*! border-bottom: 1px solid black; */ 
}
#content61 .day_ {
    border-bottom: none !important;
}
#content61 .d1,#content61 .d2,#content61 .d3,#content61 .d4 {
    border-style: none;
    height: var(--val-d-height);
}

#content61 div.d1{ /* Kalenderwoche */
    float:left; 
    font-family: "Akkurat Bold";
    font-size: 8pt;
    text-align: left;
    width: 22px;
    height: var(--val-d1-height);
    padding-top: var(--val-d1-padd-top); /* Wichtig für die Ausrichtung unten, eine Horizontale mit Tag und Woche */
}

#content61 div.d2,#content61 div.d3 { /* Tagnummer, Tagname */
    float: left;
    /*! margin-right: 2px; */
    /*background-color: var(--tab-bg-color-darkGray);*/ /*#656263;*/
    color: black;
    /*height: 1.25em;*/
    font-family: "Akkurat Regular";
    font-size: 9.3pt;
    text-align: center;
    padding-top: 1.8px;
}
#content61 div.d2 { /* Tagnummer */
    width: 20px;
    text-align: right;
}
#content61 div.d3 { /* Tagname */
    margin-left: 5px;
    text-align: left;
    width: 18px;
}
#content61 div.d4{ /* div Sammlung und Bezeichnung */
    float: left;
    width: var(--val-d4-width);
    text-align: center;
    padding-bottom: 5px; /* damit Icon Vertikal mittig ist*/
    /*! height: 9px; */

    /*font-size: 8.5pt;*/
    /*height:1.21em;*/
}

/* Layout der Feiertage*/
#content61 div.d4>div{
    font-family: "Akkurat Light";
    font-size: 7.8pt;
    padding-top: var(--val-d4div-padd-top);
    padding-left: var(--val-d4div-padd-left);
    text-align: left;
}


#content61 td.WoKal { /* div Sammlung und Bezeichnung */
    border-top: solid 1px black;
}

/* Spezialtag Feiertag */
#content61 .speta_druck {
   /*  font-family: Arial Narrow, Arial, Helvetica; */
    font-family: "Akkurat Light";
    font-size: 8.0pt;
    color:black;
}

/*   Abstand Legende unten  */
    #content61 div #content7 {
        padding: 0.8em 1em 1em 0em;
    }  

/*   tooltip  */
    #content61 .tptxt {
        visibility: hidden;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: +110%;
        left: 50%;
        transition-delay: 0s;
    }
    
 

    #content61 .thtabmon {
        min-width: 100px;
        padding-bottom: 0px;
        text-align: left;
        background-color: transparent !important;
    }



   /* tr.day_Di,tr.day_Do {*/ /*abwechselnd even odd*/
      /*background-color: var(--tab-bg-color-lightGray);*/ /*Color abwechselnd*/
     /*  }*/

    #jahrKal2 {
        display: none;
    }
    #content61 svg{ /*abstand zwischen mehreren SVG-Icons*/
        padding-left: 2px;
        padding-right: 2px;
    }
    /*tabelle collapse font*/
    #content61 .tbl-qa {
        border-collapse: collapse;
    }

    /*tabelle links abstand*/
    #content61 .inhalt1, #content61 .inhalt_kal { 
        left: 10px;
        /*top: 60px;*/
    }


/*sa so farbe*/
    #content61 .day_Sa {
        /*background-color:var(--tab-bg-color-lightGray) !important;*/ /*#dbdef3  /*>>CMYK*/
    }
    #content61 .day_So {
        background-color:var(--tab-bg-color-lightGray) !important; /*#b9c0e7  /*>>CMYK*/
    }
    #content61 .feiertag_compact {
        background-color:var(--tab-bg-color-lightGray) !important; /*#b9c0e7  /*>>CMYK*/
    }
    #content61 td:first-child { 
        text-align: right !important; 
        background-color: white !important;
    }

/*Legende*/
#content61 div #AbarSum {
    background-color: #f1f1f1 !important;
}

/*Kalender Titel Grösse*/
#content61 .kalTit {
    display: none;
}


    #content61 table,
    #content61 td,
    #content61 th {
        padding: unset;
    }
#content61 table.kal, #content61 td.kal {
        padding: 1px 0px 0px 2px;
        border-right: 0px solid white;
        border-left: 0px solid white !important;
    }

#content61 .svg{
    float: unset;
    bottom: 3px;
    left: -8px;
}
.content61_erste6Mon th:nth-child(n+13), .content61_erste6Mon td:nth-child(n+19) {
    display: none;
    width: 297mm !important;
}
.content61_letzte6Mon th:nth-child(-n+12), .content61_letzte6Mon td:nth-child(-n+18) {
    display: none;
     width: 297mm !important;

}

/*---New---*/
.gaga{
    min-width: 15px !important;
}

/*Overlay Fenster "bitte warten"*/


        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            display: none; /* Initially hidden */
        }
        .overlayMessage {
            font-size: 15pt;
            background-color: #fff;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            text-align: center;
        }


/* Basis-Styling für die Fortschrittsleiste */
#progressBar {
  width: 100%;
  height: 10px;
  border: none;
  border-radius: 4px;
  background-color: #f0f0f0; /* Hintergrundfarbe */
}

/* Farbe für den ausgefüllten Bereich der Fortschrittsleiste */
#progressBar::-webkit-progress-value {
  background-color: gray; /* gray */
}

/* Farbe für den Hintergrund der Fortschrittsleiste */
#progressBar::-webkit-progress-bar {
  background-color: #f0f0f0; /* Hellgrau */
}

@media print {
    #fixiertLogo {
        display: none;
    } 
    #Navigation, .navbar, #content1, #content2, #content3, #beschreibung {
      display: none;
    } 
    
    .day_Sa {
        color: black;   
    }
    .day_So {
        color: black;   
    }

    #listTit {
        font-size: 10.5pt !important;
    }
    
    .listTitMon {   
        font-size: 10.5pt !important;
    }
   
    #jahrKal {
        display: none;
    }
    
    @page {
        margin: 0cm;
        size: A3 landscape;
    }
    .tbl-qa {
        min-width: 281mm;
    }

    #inhalt_kal{
        margin-top: -120px;
        margin-left: 15px;
        /*margin-top: 30px;*/
    }
    #thtab{
        font-size: 11pt;
        /*margin-top: 30px;*/
    }
}