/* Element mit ID -1 (keine Auswahl) formatieren */
li[data-select2-id$="--1"] {
 background: radial-gradient(#c7c7c7, transparent);
 text-align: center;
}
.map0 {
 margin: 0px;
 height: 250px;
}
.map1 {
 margin: 0px;
 height: 500px;
}
.ol-viewport {
 border-radius: 5px;
}
table#table_karte {
 min-width: 350px;
}
td.legende {
 padding: 2px;
}
#suchzeile {
 vertical-align: baseline;
}
div#legende {
 margin: 10px 0px 10px 0px;
}
img#ig, img#io, img#ir, img#is, img#ix{
 width: 15px;
}
label[for^=p], label[for^=s], #p1, #p2, #p3, #p4, #zuk, #s1 {
 cursor: pointer;
}
#zuk {
 width: 25px;
}
.ueberschrift {
 font-weight: bold;
 font-size: 1.1em;
 word-break: normal;
}
.ueberschrift_g {
 font-weight: bold;
 font-size: 1.6em;
 margin-bottom: 6px;
}
.kleine_ueberschrift {
 font-weight: bold;
 word-break: normal;
}
table {
 font-size: 1.0em;
}  
label {
 font-weight: 500;
 display: inline-flex;
 margin-bottom:0px;
}
input[disabled] ~ label {
 color: silver;
}
#t_liste {
 color: black;
 margin: 0px 0px 6px;
 display:none;
}
input[type=checkbox] {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin: 3px 5px 3px 3px;
}
#infospalte1 {
 padding: 8px;
 max-width: 240px;
 min-width: 80px;
 white-space: normal;
}
#infospalte2 {
 vertical-align: baseline; 
 padding: 8px; 
 min-width: 80px;
}
/* Größe Tankstellenauswahlliste */
#editable {
 contain: inline-size;
 min-width: 180px;
 max-width: 220px;
}
span.select2 {
 width: 100% !important;
}
button.select2-selection__clear {
 color : black;
}
/* DK im Heizöltank ausblenden */
span#p2v {
 display: none;
}
/* H2 ausblenden */
span#p6v {
 display: none;
}

/* HVO 100 im Heizöltank ausblenden */
span#p7v {
 display: none;
}
body {
 font-family: DBScreenSans-Regular, Arial, Helvetica, sans-serif !important;
 line-height: 1.4em;
}
/* Neues Design 2025*/
.border {
 border: #eeeeee 2px solid;
 border-radius: 6px;
}
.border_r {
 border: red 2px solid;
 border-radius: 6px;
}
.border_w {
 border: white 2px solid;
 border-radius: 6px;
}
.linkarrow {
 font-size: 1.5em; 
 color: darkgray; 
 font-weight: bold; 
 padding-right: 6px;
}
.buttonborder {
 border: #878c96 1px solid;
 border-radius: 6px;
 display: inline-block;
 background: #f0f3f5;
}
.gc1a {
 display: grid;
 grid-template-columns: 100%;
 padding: 10px;
}
.gc1b {
 display: grid;
 grid-template-columns: 50% 50%;
 padding: 10px;
 gap: 10px;
}
.gc2 {
 display: grid;
 grid-template-columns: max-content auto max-content;
 padding: 10px;
 gap: 10px;
}
.gc3 {
 display: grid;
}
.gc4 {
 display: grid;
 grid-template-columns: max-content auto auto max-content max-content;
 gap: 10px;
}
.c3 {
 display: grid;
}
.col1 {
 grid-column: 1;
}
.col2 {
 grid-column: 2;
 justify-self: end;
}
.planm_ih {
 padding: 6px;
 margin-bottom: 10px;
}
.ausserplanm_ih {
 padding: 6px;
 margin-bottom: 10px;
}
.ce {align-content: end;}
.p_c {
 display: grid;
 grid-auto-columns: max-content;
}
.pr1c1 {grid-area: 1/1/1/1;}
.pr1c2 {grid-area: 1/2/1/2;}
.pr2c1 {grid-area: 2/1/2/1;}
.pr2c2 {grid-area: 2/2/2/2;}
/* row-start / column-start / row-end / column-end */
.I0 {grid-area: 1/1/1/AUTO; padding: 8px;}
.M1 {grid-area: 2/1/3/1;}
.I4 {grid-area: 3/1/3/1; padding: 8px;}
.IC {grid-area: 2/2/4/AUTO;}
.I1 {grid-area: 2/2/2/2; padding: 8px;}
.I2 {grid-area: 2/2/2/2; padding: 8px; margin:10px 0 0 0;}
.I3 {grid-area: 3/2/3/2; padding: 8px; margin:10px 0 0 0;}
.textgray {
color:darkgray;
}
.calendar_img {
 width: 24px;
 margin-right: 4px;
 vertical-align: middle;
}
.pdf_eingerueckt {
 margin-left: 28px;
 margin-top: 2px;
}
.pdf_arrow_icon {
 width: 20px;
 height: 20px;
 margin-right: 4px;
 vertical-align: middle;
 position: relative;
}
.massnahme_zeile {
 margin-bottom: 4px;
}
/* Anordnung für schmale Layouts */
@media (max-width: 768px) {
 .gc1a, .gc1b {
   display: grid;
   grid-template-columns: 100%;
   padding: 10px;
 }
 .gc1, .gc2 {
   display: grid;
   grid-template-columns: 100%;
   padding: 10px;    
   gap: 5px;
   padding: 5px;
 }
 /* row-start / column-start / row-end / column-end */
 .I0 {grid-area:1/1/1/1; padding: 8px;}
 .M1 {grid-area:2/1/2/1;}
 .IC {grid-area:3/1/3/1;}
 .I1 {grid-area:2/1/2/1; padding: 8px;}
 .I2 {grid-area:3/1/3/1; padding: 8px;}
 .I3 {grid-area:4/1/4/1; padding: 8px;}
 .I4 {grid-area:5/1/5/1; padding: 8px;}
 .pr1c1 {grid-area: 1/1/1/1;}
 .pr1c2 {grid-area: 1/2/1/2;}
 .pr2c1 {grid-area: 1/3/1/3;}
 .pr2c2 {grid-area: 1/4/1/4;}
}
.ereignis {
 border-radius: 15px;
 color: white;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 margin: 4px 2px;
 padding: 2 6 2 6;
 transition-duration: 0.4s;
 cursor: pointer;
 padding-inline: 6px;
 width: 112px;
}
.ereignis_nc {
 border-radius: 15px;
 color: white;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 margin: 4px 2px;
 padding: 2 6 2 6;
 cursor: default;
 transition-duration: 0.4s;
 width: 112px;
}
.produkt {
 border-radius: 15px;
 color: white;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 margin: 4px 2px;
 padding: 2 6 2 6;
 transition-duration: 0.4s;
 cursor: pointer;
 padding-inline: 6px;
 width: 74px;
}
.pdetails {
 border-radius: 15px;
 color: white;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 margin: 4px 2px;
 padding: 2 6 2 6;
 transition-duration: 0.4s;
 cursor: pointer;
 padding-inline: 6px;
}
/* nicht geklickt */
.b_g       {background-color: #1C9F2D33; color: #1C9F2D; border: 2px solid #1C9F2D33;}
.b_g:hover {background-color: #1C9F2D4d; color: #1C9F2D;}
.b_s       {background: linear-gradient(180deg, #1c9f2d3d 0%, #76ca3447 33%, #f392004a 100%); color: #70b32a; border: 2px solid #8dc63333;}
.b_s:hover {background: linear-gradient(180deg, #1c9f2d5d 0%, #76ca3477 33%, #f392006a 100%); color: #70b32a;}
.b_o       {background-color: #f3920033; color: #f39200; border: 2px solid #f3920033;}
.b_o:hover {background-color: #f392004d; color: #f39200;}
.b_r       {background-color: #ec001633; color: #ec0016; border: 2px solid #ec001633;}
.b_r:hover {background-color: #ec00164d; color: #ec0016;}
.b_dk, .b_ab, .b_mo, .b_hv {background-color: #e7e7e7; color: black; border: 2px solid #e7e7e7;}
.b_dk:hover, .b_ab:hover, .b_mo:hover, .b_hv:hover {background-color: #dddddd; color: black;}
.sb_u       {background-color: #f0f3f5; color: #646973; border: 2px solid #eeeeee;}
.sb_u       {background-color: #f0f3f5; color: #646973; border: 2px solid #eeeeee;}
.sb_u:hover {background-color: #dddddd; color: black;}
/* geklickt */
.b_gp        {background-color: #1C9F2D;   color: white; border: 2px solid #1C9F2D;}
.b_gp:hover  {background-color: #1C9F2DCC; color: white;}
.b_sp        {background-color: #8dc633;   color: white; border: 2px solid #8dc633;}
.b_sp:hover  {background-color: #8dc633CC; color: white;}
.b_op        {background-color: #f39200;   color: white; border: 2px solid #f39200;}
.b_op:hover  {background-color: #f39200CC; color: white;}
.b_rp        {background-color: #ec0016;   color: white; border: 2px solid #ec0016;}
.b_rp:hover  {background-color: #ec0016CC; color: white;}
.b_dkp, .b_abp, .b_mop, .b_hvp {background-color: #2563eb; color: white; border: 2px solid #2563eb;}
.b_dkp:hover, .b_abp:hover, .b_mop:hover, .b_hvp:hover {background-color: #2563ebcc; color: white;}
.sb_c       {background-color: white; color: black; border: 2px solid white;}
.sb_c:hover {background-color: #f5f5f5; color: black;}
.link {
 color: black;
 cursor: pointer;
 text-decoration: none;
}
.link:hover {
 text-decoration: underline;
 text-decoration-color: black;
}    
.content-file-icon {
 background-color: rgba(0, 0, 0, 0.8);
 color: rgb(255, 255, 255);
 font-size: 0.75rem;
 line-height: normal;
 margin-right: 6px;
 border-radius: 0.25rem;
 padding: 2px 10px;
}