.bluepageKalender {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5em;
    width: 100%;
   background-color:#ffffff;
   width:100%;
   max-width:72.5em;
   margin-bottom:0.5em;
}
@media (min-width: 468px) {
    .bluepageKalender { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
    .bluepageKalender { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1000px) {
    .bluepageKalender { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.monat-block {
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    padding:3px;
}

.monat-titel {
    color: #000000;
    font-weight:bold;
    margin: 0;
    padding: 5px;
    text-align: center;
    font-size: font-size:var(--main-txt-size);;
}
.monat-titel em {
	font-size:1.1em;
	font-style:normal;
}
.bluepageKalender table.kalMonat {
	padding:3px;
	border-radius: 8px;
}
.bluepageKalender table {
   width:100%;
   font-size:1em;
   _border:1px solid #D2D2D2;   
}
.bluepageKalender th { padding:0.25em; }

.bluepageKalender td {
   text-align:center;   
   color:#000000;  
   font-weight:normal; 
   height:1em; 
   min-width:0.9em; 
   _border:1px solid #d2d2d2;
}
.bluepageKalender .kalmonth td {
	border:1px solid #d2d2d2;
}
.bluepageKalender td.kal {
   background-color:#ffffff; 
   width:15%; 
}
.bluepageKalender td.weeklabel.kw {
	display:table-cell;
}
.bluepageKalender td.weeklabel {
   background-color:#ffffff;
   border-right:1px solid #aeaeae;
   _width:1.5em;
   height:auto;
   display:table;
}
.bluepageKalender td.weekday {
   width:1.5em;
   border:none;
   padding:1px;
}
.bluepageKalenderTableWeekNr {
   background-color: #808080;
   height:0.6em;
   _border:1px solid #636363;
}

.bluepageKalender .weeknr {
   background-color: #AEAEAE;
   color:#ffffff;
   _min-width:20%; 
   padding:3px;
   display:table-cell;
   border-right:1px solid #ffffff;
}
.kal_head_wday div { width:3em; }
.kal_head_3 { text-align:center; width:33%; }
.kal_head_4 { text-align:center; width:25%; }
.kal_head_5 { text-align:center; width:20%; }

.bluepageKalender td.weekdaytable table {
    padding:1px; background-color:#E3E3E3; _border:1px solid #636363; width:100%;
}
.bluepageKalender .kalmonth {
   background-color:#E3E3E3; text-align:center;
}
.bluepageKalender .kalmonth table {
   _border:1px solid #636363;
   width:100%;
}
                                                                         
.bluepageKalender td.kalsunday { color:#eeeeee; background-color:#AEAEAE; }
.bluepageKalender td.hday      { cursor:help; color:red; border-color:red;  }

.bluepageKalender td {
	font-size:var(--main-txt-size);
}
.bluepageKalender td span {
   font-size:0.9em;
}


.bluepageAbfallkalenderOT {
   position:relative;
   padding:0;
   left:0;
   border: 1px solid #CCCCCC;
   background: #229821;
   width:72.5em;
   margin-bottom:0.5em;
   z-index:50;                     
}

.bluepageAbfallkalenderOT select {
   width:100%;
   display: block;  
   font-size:1.2em;
   font-family:'Source Sans 3',Liter,Arial,Helvetica,sans-serif;
   line-height:140%;
   padding:0.25em; 
   color:#ffffff;
   text-decoration:none;
   font-weight:bold;
   border:0;
   margin: 0.1em 0;
   border-radius: 0;  
   -moz-appearance: none;
   -webkit-appearance: none;
   background:url('../img/abfallkal/pt_dropdown.svg') right center no-repeat;
   background-size:auto 1.25em;
   padding:0.25em 5px; 
}
.bluepageAbfallkalenderOT select::-ms-expand {
  display: none;
}
.bluepageAbfallkalenderOT select option {
   margin:2px;
   padding:0.75em; 
   font-size:0.9em;
   font-family:'Source Sans 3',Liter,Arial,Helvetica,sans-serif;
   line-height:140%;
	color:#000000;
}
.tooltippContainer {
   display:none
}
.tooltipp {
   position: relative;
   margin:0px;
   display:block;
   border-width:5px; 
   border-style:solid;
   border-color:#438a23 #438a23 #438a23 #438a23;
   background: #FFF;
   padding: 5px;
   font-size:13px;
   z-index:1000;
   -webkit-box-shadow: 2px 2px 8px 0px rgba(1, 1, 1, .3);
   -moz-box-shadow: 2px 2px 8px 0px rgba(1, 1, 1, .3);
   box-shadow:  2px 2px 8px 0px rgba(1, 1, 1, .3);  
   text-align:left;          
}
.tooltipp h4 { display:block; margin:0; font-weight:bold; color:#000000; }

.kal_1   { cursor:help; background:url('../img/abfallkal/bg_kal_1.png') center center no-repeat; }  .tooltipp_1 { border-color: #fee200; }
.kal_1_2 { cursor:help; background:url('../img/abfallkal/bg_kal_12.png') center center no-repeat; } .tooltipp_1_2 { border-color: #fee200 #438a23 #438a23 #fee200; }
.kal_1_3 { cursor:help; background:url('../img/abfallkal/bg_kal_13.png') center center no-repeat; } .tooltipp_1_3 { border-color: #fee200 #666666 #666666 #fee200; }
.kal_1_4 { cursor:help; background:url('../img/abfallkal/bg_kal_14.png') center center no-repeat; } .tooltipp_1_4 { border-color: #fee200 #3399ff #3399ff #fee200; }
.kal_2   { cursor:help; background:url('../img/abfallkal/bg_kal_2.png') center center no-repeat; }  .tooltipp_2 { border-color:#438a23; }
.kal_2_1 { cursor:help; background:url('../img/abfallkal/bg_kal_12.png') center center no-repeat; } .tooltipp_2_1 { border-color: #fee200 #438a23 #438a23 #fee200; }
.kal_2_3 { cursor:help; background:url('../img/abfallkal/bg_kal_23.png') center center no-repeat; } .tooltipp_2_3 { border-color:#438a23 #666666 #666666 #438a23; }
.kal_2_4 { cursor:help; background:url('../img/abfallkal/bg_kal_24.png') center center no-repeat; } .tooltipp_2_4 { border-color:#438a23 #3399ff #3399ff #438a23; }
td.kal_3   { cursor:help; background:url('../img/abfallkal/bg_kal_3.png') center center no-repeat; color:#ffffff; } .tooltipp_3 { border-color:#666666; }
.kal_3_1 { cursor:help; background:url('../img/abfallkal/bg_kal_13.png') center center no-repeat; } .tooltipp_3_1 { border-color: #fee200 #666666 #666666 #fee200; }
.kal_3_2 { cursor:help; background:url('../img/abfallkal/bg_kal_23.png') center center no-repeat; } .tooltipp_3_2 { border-color:#438a23 #666666 #666666 #438a23; }
.kal_3_4 { cursor:help; background:url('../img/abfallkal/bg_kal_34.png') center center no-repeat; } .tooltipp_3_4 { border-color:#666666 #3399ff #3399ff #666666; }
.kal_4   { cursor:help; background:url('../img/abfallkal/bg_kal_4.png') center center no-repeat; }  .tooltipp_4 { border-color:#3399ff; }
.kal_4_1 { cursor:help; background:url('../img/abfallkal/bg_kal_14.png') center center no-repeat; } .tooltipp_4_1 { border-color: #fee200 #3399ff #3399ff #fee200; }
.kal_4_2 { cursor:help; background:url('../img/abfallkal/bg_kal_24.png') center center no-repeat; } .tooltipp_4_2 { border-color:#438a23 #3399ff #3399ff #438a23; }
.kal_4_2_1 { cursor:help; background:url('../img/abfallkal/bg_kal_421.png') center center no-repeat; } .tooltipp_4_2_1 { border-color:#438a23 #3399ff #3399ff #438a23; }
.kal_4_3 { cursor:help; background:url('../img/abfallkal/bg_kal_34.png') center center no-repeat; } .tooltipp_4_3 { border-color:#666666 #3399ff #3399ff #666666; }
.kal_4_3_1 { cursor:help; background:url('../img/abfallkal/bg_kal_431.png') center center no-repeat; } .tooltipp_4_3_1 { border-color:#666666 #3399ff #3399ff #666666; }

.bluepageAbfallkalenderLegende .templ_td_pic { width:2em; padding-bottom:0.25em; }
.bluepageAbfallkalenderLegende .templ_td { padding:0.25em; }


@media only screen and (max-width: 480px) {
   .bluepageAbfallkalenderOT,
   ._bluepageKalender { width:100%; }
   
   .bluepageAbfallkalenderLegende .templ_td_pic {
      width:1.25em; padding-right:0.25em; 
   }
   .bluepageAbfallkalenderLegende .templ_td_pic,
   .bluepageAbfallkalenderLegende .templ_td { display:table-cell; }
}

.tab_Schadstoffmobil { font-size:1em; }
.tab_Schadstoffmobil th { font-size:1em; font-weight:bold; padding:0.15em 0.25em 0 0; }
.tab_Schadstoffmobil td { font-size:0.9em; padding:0.15em 0 0.15em 0; }
.tab_Schadstoffmobil td.stellplatz { min-width:6.5em; font-size:0.9em; line-height:120%; padding:0.15em 0.15em 0 0; }
.tab_Schadstoffmobil td.stellplatz div { min-width:10em; }

.Schadstoffmobil  b { color:#000000; }
.Schadstoffmobil .templ_td_pic { width:30%; }
.Schadstoffmobil .templ_td { width:15%; padding:0.5em; }

@media only screen and (max-width: 480px) {
   .bluepageAbfallkalenderOT,
   ._bluepageKalender { width:100%; }
   
   .bluepageAbfallkalenderLegende .templ_td_pic {
      width:1.25em; padding-right:0.25em; 
   }
   .bluepageAbfallkalenderLegende .templ_td_pic,
   .bluepageAbfallkalenderLegende .templ_td { display:table-cell; }

   .Schadstoffmobil .templ_td_pic { width:100%; }
   .Schadstoffmobil .templ_td { width:100%; }
}

.tooltippContainer {
   display:none
}
.tooltipp {
   position: relative;
   margin:0px;
   display:block;
   border-width:5px; 
   border-style:solid;
   background: #FFF;
   padding: 5px;
   font-size:var(--main-txt-size);
   z-index:1000;
   -webkit-box-shadow: 2px 2px 8px 0px rgba(1, 1, 1, .3);
   -moz-box-shadow: 2px 2px 8px 0px rgba(1, 1, 1, .3);
   box-shadow:  2px 2px 8px 0px rgba(1, 1, 1, .3);  
   text-align:left;          
}
.tooltipp h4 { display:block; margin:0; font-weight:bold; color:#000000; }
.tooltipp * { font-size:var(--main-txt-size); }