#add_task, #add_routine, #edit_routine,#edit_appointment,#add_link, #edit_task, #add_appointment, #add_song, #add_birthday, #edit_link, #more_appointment, #list_songs {font-size:12pt;}
.edit_routine:hover, .delete_routine:hover, #exit_edit:hover, #add_task:hover,#list_songs:hover,#edit:hover,#add_routine:hover,#add_link:hover,#add_song:hover, #more_appointment:hover, #add_birthday:hover,#edit_routine:hover,#edit_task:hover,#edit_appointment:hover, #edit_link:hover{ text-decoration: none;}
.cal_routine{margin-right:5px;}
#song-list,#nutrition-list{float:left;list-style:none;margin-top:0px;padding:0;width:300px;position: absolute;z-index:99;} 
#song-list li, #nutrition-list li{padding: 10px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid;} 
#song-list li:hover, #nutrition-list li:hover{background:#ece3d2;cursor: pointer;} 
#search-box, #nutrition_box{width:300px} 

#song_text,#song_text_ed{width:350px;height:400px;font-size:8pt} 
.edit{position:absolute; top:0;left:0;} 
.routine_hidden,.edit_hidden, .list_item_hidden ,.list_hidden, #exit_edit, .task_hidden, .link_hidden{display:none;position:absolute; top:0px; right:-40px;} 
.birthday_hidden {display:none;}
.appointment_hidden{visibility:hidden;float:right;} 
.time{width:80px;} 
.date{width:115px;margin-left:3px;} #ed_duration_hours,#duration_hours{width:60px;} 
.not_today {display:none;color:#cccccc;font-style: italic;} 	
.not_today a {color:#cccccc;font-type:italic;}
.schedule_all{display:none} 
.tdWork {background-color: #F7E3FF;}
.td_Work{border: 1px solid #8A2BE2; border-width: 0 0 0 3px;background-color: #F7E3FF;} 
.td_Church{border: 1px solid #9ACD32; border-width: 0 0 0 3px;background-color: #E3FFE5;} 
.tdChurch { background-color: #E3FFE5;}
.td_Hobby1{border: 1px solid #DC7633; border-width: 0 0 0 3px;background-color: #F6DDCC;} 
.tdHobby1 { background-color: #F6DDCC;}
.td_Hobby2{border: 1px solid #3498DB; border-width: 0 0 0 3px;background-color: #D4E6F1;} 
.tdHobby2 { background-color: #D4E6F1;}
.tdElse { background-color: #FEF9E7;}
.td_time {white-space: nowrap;}
.td_Else{border: 1px solid #F7DC6F; border-width: 0 0 0 3px;background-color: #FEF9E7;} 
.td_type{border-width: 0 0 0 3px;}
#schedule_name{width:300px} 
#schedule_table{width:100%, table-layout: auto;}
#nutrition_fiber, #nutrition_carbo, #nutrition_fat, #nutrition_saturated, #nutrition_sugar, #nutrition_kj, #nutrition_kcal,#nutrition_protein, #nutrition_sodium, #nutrition_serving_unit {width:80px}
 
#schedule_table td, #schedule_table tr {vertical-align:top; text-align: left; }
.birthday_all {display:none;}
ul{display: block; list-style-type: disc; margin-left:0px; margin-right:0px;padding-inline-start:4px; list-style-position: inside; /*border: 1px blue dotted;*/} 
li {position:relative; padding-left:0; /* border: 1px gray solid */;width:85%;}
.sunday {color:#e00000;} 
.holidays {background-color:#e1ff96;} 
.newday{border-top:1px #000000 solid;}
.img_list {list-style:none;}
.image_li {margin-right:4px;height:16px;width:16px;}
.image_button {height:32px;width:32px;}
tr {position:relative;}
.additional_info {display:none;position:absolute;right:0px;top:-23px;background:yellow;border:1px solid #000; color:#000;}
#hide_schedule{display:none;}
.td_text:hover .additional_info {display: block; }
.td_text{width:100%}
#every_routine , #every_routine_ed {display:none;} 
#routine_repeat_day_ed , #routine_repeat_day {width:40px}
.delete_appointment, .delete_routine,.delete_task, .delete_list_item,.delete_list {color:red!important; padding-left:4px;}
.link_span {margin: 4px}
.edit_link {margin: 4px;}
li {list-style:none;}
li:before {content: "•";padding-left: 4px; padding-right: 9px;}
.img_list:before {content:none;}
#links {margin-bottom:10px;}
.new_category {margin-top:8px;}
#calendar td {vertical-align: top; width: 150px;max-width:150px; height:135px;overflow-x: hidden;overflow-y: hidden;}
@media print{
	@page {size: A4 landscape!important;}
	.ideas {display:none;}
	a {text-decoration:none!important;}
h1 {margin-top:0;padding-top:0;}
	}
	.shift small {font-size:14pt;}
	
	.ferias {border-left:1px solid #000;border-bottom:1px solid #000;background-color:#eeeeee;}
	
	.sprechblase {
  display: none;
  position: absolute;
  background-color: transparent;
  z-index: 1000;
}
#laden {float: right; display:none; }

.sprechblase ul {
  list-style-type: none;
  padding: 0;
}

.sprechblase ul li {
  margin-bottom: 5px;
}

.sprechblase ul li a {
  text-decoration: none;
  color: blue;
}

.sprechblase ul li a:hover {
  text-decoration: underline;
}
ul {padding-left: 0!important; }
	a {text-decoration: none!important;}
#add_list, #schedule_unload{display:none;}

.btn-light,.btn-bd-light, .btn-secondary,.btn-danger,.btn-warning, .btn-light-checked, .btn-secondary2, .btn-outline-light, .btn-outline-light2,.btn-outline-dark, .btn-outline-dark2 {
	position:relative; 
}

.info_routine {display:none; position: absolute; top: -25px; z-index:50; left: 0px; background-color: #f8f9fa;white-space: nowrap; color:#000;}
.class_routine:hover .info_routine {display:block;}
#routine_ul p { margin-bottom: 0.1rem}	
#cal_routine,#delete_routine,#edit_routine_button {position:absolute; z-index:50;}
#routine_ul{position:relative;}

 .balken-container {
    width: 300px;       /* Gesamtbalkenbreite */
    height: 16px;
    border: 1px solid #333;
    background: #eee;
    display: flex;
	overflow: visible;
	font-size:8pt;
  }
  .protein {
    background-color: darkgreen;
    height: 100%;
	font-size:8pt;
	overflow:hidden;
  }
  .kohlenhydrate {
    background-color: red;
    height: 100%;
	font-size:8pt;
	overflow:hidden;
  }
  .fett {
    background-color: gold;
    height: 100%;
	font-size:8pt;
	overflow:hidden;
  }
  .rest {
    height: 100%;
	font-size:8pt;
	overflow:hidden;
  }
  .food_unit {width:100px;}