/* nunito-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/nunito-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
#Auftraggeber{
    position: relative;
    
    text-align: left;
    padding: 10px;
    border: solid 1pt black;
    border-radius: 3px;
}

.fortschritt{
  display: flex;
  justify-content: space-around;
}

.fortschritt1{
  color: rgba(245, 245, 220, 0.253);
  
}

.fortschritt2{
  color: black;

  
}
a[type="add_sparte"],
a[type="add_sparte"]:visited{

    
    text-decoration: none;
    padding: 10px;
    color: rgb(0, 0, 0); 


}





#Baustellendaten{
    position: relative;
    
    text-align: left;
    padding: 10px;
    border: solid 1pt black;
    border-radius: 3px;
}

  #Ueberschriftmobile{

    display: none;
  }

  #stundenmaname{
    position:relative;
    display: block;
    padding: 12px;


  }

  #mastatusabwesend{
    float: right;
    background-color: #ff0000;
    padding: 3px;
    border-radius: 2px;

    
  }
  #mastatuspause{
    float: right;
    background-color: #fffb00;
    padding: 3px;
    border-radius: 2px;    
  }

  #mastatusanwesend{
    float: right;
    

    
  }

 .submitbutton{

    padding: 10px;
 }

 .maabwesend{

    background-color: #ff0000;
    border-radius: 5px;
    padding: 8px;

 }

 .maanwesend{

    background-color: rgb(98, 255, 0);
    border-radius: 5px;
    padding: 8px;

 }
 .kommenbtn{
    position: relative;    
    background-color: #15ff00;
    border: solid 1pt black;
    border-radius: 5px;
    text-align: center;
    padding: 8px;


  }

  a[type="kommenbtn"]:hover{

    position:relative;
    display: block;
    padding: 10px;
    
    border: solid 1pt black;
    background-color:rgb(255, 255, 255,0.1);
    border-radius: 10px;
    margin: 0 auto;



  }
  .editbtn{
    color: #235a81;
    text-decoration: none;
    text-shadow: 0 1px 0 #00000033;
    text-align: center;
    

  }

  .editbtn:hover{
    color: #235a81;
    text-decoration: underline;
    
    

  }

  #aktiveBaustellen{

    text-align: left;

  }

  #inaktiveBaustellen{

    text-align: left;

  }

    a[type="kommenbtn"],
    a[type="kommenbtn"]:visited{
  
  
      text-decoration: none;
      color: black;
      border-radius: 10px;


    }

 
    

    .col1{
      background-color: #ffffff41;
      border: 0px;
      --bs-table-accent-bg: #8f8f8f;
      
    }

    .col1:hover{
      background-color: #ffffff2a;
      
    }

    .col2{
      background-color: #ffffff2a;
      
    }

    .col2:hover{
      background-color: #ffffff2a;
      
    }

    
  .tabellezeile1{
    background-image: linear-gradient(rgba(255, 255, 255, 0.192), rgba(191, 191, 191, 0.347));
    padding: 2px;
    border-radius: 1px;
    
  }
  .tabellezeile1:hover{

    position:relative;
    display: block;       
    background-color:rgba(0, 0, 0, 0.096);
    color: azure;    

  }
  
  .tabellezeile2{
    background-image: linear-gradient(rgba(193, 193, 193, 0.363), rgba(148, 148, 148, 0.537));
    padding: 2px;
    border-radius: 1px;

    
  }

  a[type="baustelle1"],
  a[type="baustelle1"]:visited{


    text-decoration: none;
    color: black;
    

}

a[type="baustelle2"],
a[type="baustelle2"]:visited{


  text-decoration: none;
  color: black;
  

}

a[type="baustelle1"]:hover{

    position:relative;
    display: block;       
    background-color:rgba(0, 0, 0, 0.096);
    color: azure;    

  }

  a[type="baustelle2"]:hover{

    position:relative;
    display: block;       
    background-color:rgba(0, 0, 0, 0.096);
    color: azure;    

  }

    
    a[type="pausebtn"]:hover{

        position:relative;
        display: block;
        padding: 10px;
        
        border: solid 1pt black;
        background-color:rgb(255, 255, 255,0.1);
        border-radius: 10px;
        margin: 0 auto;
    
    
    
      }
    
        a[type="pausebtn"],
        a[type="pausebtn"]:visited{
      
      
          text-decoration: none;
          color: black;
          border-radius: 10px;
      
      }
      .pausebtn{
        position: relative;    
        background-color: #d9ff00;
        border: solid 1pt black;
        border-radius: 5px;
        text-align: center;
        padding: 8px;
    
    
      }
      .zeitbuchenbtn{
        position: relative;    
        background-color: #008cff;
        border: solid 1pt black;
        border-radius: 5px;
        text-align: center;
        padding: 8px;
    
    
      }
      a[type="zeitbuchenbtn"]:hover{

        position:relative;
        display: block;
        padding: 10px;
        
        border: solid 1pt black;
        background-color:rgb(255, 255, 255,0.1);
        border-radius: 10px;
        margin: 0 auto;
    
    
    
      }
    
        a[type="zeitbuchenbtn"],
        a[type="zeitbuchenbtn"]:visited{
      
      
          text-decoration: none;
          color: black;
          border-radius: 10px;
      
      }







  a[type="gehenbtn"]:hover{

    position:relative;
    display: block;
    padding: 10px;
    
    border: solid 1pt black;
    background-color:rgb(255, 255, 255,0.1);
    border-radius: 10px;
    margin: 0 auto;



  }

    a[type="gehenbtn"],
    a[type="gehenbtn"]:visited{
  
  
      text-decoration: none;
      color: black;
      border-radius: 10px;
  
  }
  .gehenbtn{
    position: relative;    
    background-color: #ff0000;
    border: solid 1pt black;
    border-radius: 5px;
    text-align: center;
    padding: 8px;


  }

 .registerma{
    border: solid 1pt black;
    padding: 15px;
    border-radius: 5px;



 }

.meldpos{
    background-color: rgb(98, 255, 0);
    padding: 5px;
    border-radius: 5px;


}



.loginform{
    position: relative;
    display: table;    
    margin: auto;
    padding: 10px;
}

.logoffform{
    position: relative;
    
    display: table;    
    margin: auto;
    padding: 10px;
   


}

.magesp{
    font-size: 20px;
}

.meldneg{
    background-color: #ff0000;


}

.mastatusnok:hover{
    position:relative;
    display: block;
    padding: 8px;
    border: solid 1pt black;
    background-color:rgb(255, 255, 255,0.1);
    border-radius: 10px;
    
    



}

.mastatusok:hover{
    position:relative;
    display: block;
    padding: 8px;
    color:aliceblue;
    border: solid 1pt black;
    background-color: #0d9700;
    border-radius: 10px;
    

    
}

.mastatusok{
    position: relative;
       
    background-color: #15ff00;
    border: solid 1pt black;
    border-radius: 5px;
    text-align: left;
    padding: 8px;
    

    
}




.mastatusnok{
    
    position: relative;  
    background-color: #eaff00;
    padding: 8px;
    border: solid 1pt black;
    border-radius: 5px;
    text-align: center;
    
    
}


.mashow{
    position:relative;
    display: block;
    padding: 10px;
    text-align: left;
    cursor: pointer
    
    
    
    
    



}


a[type="mashow"],
a[type="mashow"]:hover,
a[type="mashow"]:visited{


    text-decoration: none;
    color: black;

}

.submit{ 
    position:relative;
    
    
    margin-top: 10px;
    
   




}

#macreate{
    text-align: left;
    background-color:rgb(31, 99, 4, 0.4);
    border-radius: 8px;
    padding: 10px;
    


}

#lgcreate{
    text-align: left;
    background-color:rgb(31, 99, 4, 0.4);
    border-radius: 8px;
    padding: 10px;
    


}


#outline {
    font-family: Nunito;
    position:relative;
    
    text-align: center;
    
    padding: 5px;



}

#innerline {position:relative;
    text-align: center;
    margin:auto;
    
   height: 99%;
    border-radius: 2px;
    
    background-color:rgba(0, 0, 0, 0.2);
    
  

}
#Navigation{
    position:relative;
    
    text-align:left;
    margin:auto;     
    
    
    font-size: 18px;
    
}



#clock{
    
    margin:auto;
    padding: 10px;
    width: 97%;
    height: 99%;
    text-align: right;
    border-radius: 2px;
    
    
}

#Ueberschrift{
    position:relative;
    display: table;
  margin-left: auto;
  margin-right: auto;	
    width: auto;
    margin:auto;
    padding: 10px;
    width: auto; 
    height: 99%;  
    text-align: center;
    border-radius: 2px;
    


}
#Contentanwesend{
    
    position:relative;
    display: table;
  margin-left: auto;
  margin-right: auto;	
    width: auto;
    margin:auto;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    background-color:rgb(31, 99, 4, 0.4);
    

}
#Contentabwesend{
  width: auto;
    position:relative;
    display: table;
  margin-left: auto;
  margin-right: auto;	
    
    margin:auto;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    background-color:rgba(99, 4, 4, 0.4);
    

}



.submenu{
    background-color:rgb(31, 99, 4, 0.4);
    border-radius: 8px;
    padding: 10px;
}

#contentunten{
    position:relative;
    padding-top: 30px;

}


#logoff{position: absolute;
    bottom: 0px;


}
#menubox{
    position:relative;
    display: block;
  margin-left: auto;
  margin-right: auto;	
    width: auto;
    margin:auto;
    padding: 10px;
    text-align: center;
    border-radius: 2px;
    background-color: #769e1f;
    border: solid 1pt black;


}

.aktiv{
  position:relative;
  display: block;    
  font-size: 16px;
    text-decoration: none;
    padding: 10px;    
    color: rgb(0, 0, 0);
    border-radius: 3px;
    margin: 5px;
    background: linear-gradient(#15ff0071, #15ff0071);    
    border: solid 1pt black;

}

.inaktiv{
  position:relative;
  display: block;    
  font-size: 16px;
    text-decoration: none;
    padding: 10px;    
    color: rgb(0, 0, 0);
    border-radius: 3px;
    margin: 5px;
    background: linear-gradient(#ff000071, #ff333318);    
    border: solid 1pt black;

}

a[type="showbtn"],
a[type="showbtn"]:visited{
  position:relative;
  display: block;    
  font-size: 16px;
    text-decoration: none;
    padding: 10px;    
    color: rgb(0, 0, 0);
    border-radius: 3px;
    margin: 5px;
    background: linear-gradient(#5f5f5f71, #6d6d6d18);    
    border: solid 1pt black;

}
a[type="showbtn"]:hover{
  position:relative;
  display: block;    
  font-size: 16px;
    text-decoration: none;
    padding: 10px;
    
    color: rgb(0, 0, 0);
    border-radius: 3px;
    margin: 5px;
    background: linear-gradient(#15ff0071, #15ff0071);
    border: solid 1pt black;

}

a[type="hidebtn"],
a[type="hidebtn"]:visited{
  position:relative;
  display: block;    
  font-size: 16px;
    text-decoration: none;
    padding: 10px;    
    color: rgb(0, 0, 0);
    border-radius: 3px;
    margin: 5px;
    background: linear-gradient(#5f5f5f71, #6d6d6d18);    
    border: solid 1pt black;

}
a[type="hidebtn"]:hover{
  position:relative;
  display: block;    
  font-size: 16px;
    text-decoration: none;
    padding: 10px;
    
    color: rgb(0, 0, 0);
    border-radius: 3px;
    margin: 5px;
    background: linear-gradient(#ff000071, #ff333318);
    border: solid 1pt black;

}


a[type="aktbtn"],
a[type="aktbtn"]:visited{
  position:relative;
  display: block;    
  font-size: 16px;
    text-decoration: none;
    padding: 10px;    
    color: rgb(0, 0, 0);
    border-radius: 3px;
    margin: 5px;
    background: linear-gradient(#5f5f5f71, #6d6d6d18);    
    border: solid 1pt black;

}
a[type="aktbtn"]:hover{
  position:relative;
  display: block;    
  font-size: 16px;
    text-decoration: none;
    padding: 10px;
    
    color: rgb(0, 0, 0);
    border-radius: 3px;
    margin: 5px;
    background: linear-gradient(#15ff0071, #15ff0071);
    border: solid 1pt black;

}


a[type="deaktbtn"],
a[type="deaktbtn"]:visited{
  position:relative;
  display: block;    
  font-size: 16px;
    text-decoration: none;
    padding: 10px;    
    color: rgb(0, 0, 0);
    border-radius: 3px;
    margin: 5px;
    background: linear-gradient(#5f5f5f71, #6d6d6d18);    
    border: solid 1pt black;

}
a[type="deaktbtn"]:hover{
  position:relative;
  display: block;    
  font-size: 16px;
    text-decoration: none;
    padding: 10px;
    
    color: rgb(0, 0, 0);
    border-radius: 3px;
    margin: 5px;
    background: linear-gradient(#ff000071, #ff333318);
    border: solid 1pt black;

}


a[type="mainmenulink"],
a[type="mainmenulink"]:visited{

    font-size: 22px;
    text-decoration: none;
    padding: 10px;
    color: rgb(0, 0, 0);
  


}
a[type="mainmenulink"]:hover{
   
    
    border: solid 1pt black;
    background-color:rgb(255, 255, 255,0.1);
    border-radius: 10px;
    margin: 0 auto;
    


}

a[type="submenulink"],
a[type="submenulink"]:visited{

    font-size: 20px;
    text-decoration: none;
    padding: 8px;
    color: rgb(0, 0, 0);
  


}
a[type="submenulink"]:hover{
   
    
    border: solid 1pt black;
    background-color:rgb(255, 255, 255,0.1);
    border-radius: 8px;
    margin: 0 auto;
    


}

a[type="mainmenulink1"],
a[type="mainmenulink1"]:visited{

    font-size: 22px;
    text-decoration: none;
    padding: 10px;
    color: rgb(0, 0, 0); 


}




a[type="mainmenulink1"]:hover{
   
    position:relative;
    display: block;
    padding: 10px;
    
    border: solid 1pt black;
    background-color:rgb(255, 255, 255,0.1);
    border-radius: 10px;
    margin: 0 auto;
    


}



a[type="headline"],
a[type="headline"]:hover,
a[type="headline"]:visited{
    text-decoration: none;
    color: black;

}

.js-mastatusok:hover{
  position:relative;
  display: block;
  padding: 8px;
  color:rgb(0, 0, 0);
  border: solid 1pt black;
  background-color: #0d9700;
  border-radius: 10px;
  

  
}
.js-mastatusok{
  position: relative;
  color:aliceblue;   
  background-color: #0d9700;
  border: solid 2pt rgb(204, 255, 189);
  border-radius: 10px;
  text-align: left;
  padding: 8px;
  

  
}
#Baustellenverlauf{
    display: inline-grid;

}
#Baustelleninfo{
  display: inline-grid;

}
.bauinfo{
  text-align: left;
}
.bauinfo:hover{
  text-align: left;
  background-color: #15ff00;
}
.wochentag-tab{
  text-align: left;

}
.datum-tab{
  text-align: left;

}
.zeitausgabezeile:hover{
  background-color: #dfdfdf1a;
  color: aliceblue;

}
.samstag{
  background-color: #00000020;
}
.sonntag{
  background-color: #00000046;
}
.feiertag{
  background-color: #4faaff76;
}