/* ===== GENERAL ===== */
html,
body {
  background: inherit;         /* Hintergrundfarbe der Seite: #fff */
  color: inherit !important;   /* Standard Schrift-Farbe: #333 */
}

a:link,
a:visited,
a:active,
a:focus {
  text-decoration: none;
  color: #666;
  color: #EE6715; /* ING-DiBa orange */
  color: #444492; /* SANOFI blue */
  color: #6AA215; /* bioNTech light-green */
  color: #FDD500; /* INTERROLL yellow */
  color: #FFBA2D; /* INTERROLL darker-yellow */
  color: #FF6600; /* BELIMO orange */
  color: #DC0C23; /* bbh ROT */
  /* text-shadow: 0.05em 0.05em #aaa; */
  /* font-weight: bold; */
  -webkit-tap-highlight-color: transparent;
}




/* ===== NAVIGATION ===== */
nav {
  background-color: inherit; /* Hintergrundfarbe Top-Bar: #fff */
  color: inherit;            /* Standard Schrift-Farbe Top-Bar: #333 */
}

nav a,
nav a:link,
nav a:visited,
nav a:active,
nav a:focus {
  color: #333;  /* Standard Schrift-Farbe Top-Bar: #333 */
}




/* ===== FOOTER ===== */
footer {
  background-color: #ddd;   /* Hintergrundfarbe Footer: #ddd */
  color: #212121;           /* Standard Schrift-Farbe Footer: #212121 */
  background-color: #E2E2E4; /* interroll light-grey */
  /* background-color: #3E3E3E; */ /* interroll dark-grey */
  color: #333;
}

footer a,
footer a:link,
footer a:visited,
footer a:active,
footer a:focus {
  color: #666;    /* Standard Link-Footer = globale Link-Farbe: #666 */
  color: #FFBA2D; /* INTERROLL darker-yellow */
  color: #FF6600; /* BELIMO orange */
  color: #DC0C23; /* bbh ROT */
}




/* ===== ICONS ===== */
/* Fav-Icon:normal */
.icon-star-empty:before {
  /* content: "\f087"; */ /* icon-thumbs-o-up STANDARD */
  /* content: "\e9d7"; */ /* icon-star-empty */
  /* content: "\e96e"; */ /* icon-bubble2 (outline) */
}
/* Fav-Icon:active */
.icon-star-full:before {
  /* content: "\f164"; */ /* icon-thumbs-up STANDARD */
  /* content: "\e9d9"; */ /* icon-star-full */
  /* content: "\e96b"; */ /* icon-bubble-full */
}

/* Fav-Icon:normal */
.icon-big,
.icon-big-normal,
.icon-bigger {
  color: #ccc;
}

/* Monitor-Icon:normal */
.icon-round {
  color: #fff;
  background-color: #ccc;
}

/* Fav-Icon:active */
.icon-star-full,
.icon-bigger.active {
  color: #ffd54f; /* yellow-gold */
  color: #0099FF; /* light-blue */
  color: #FDD500; /* INTERROLL yellow */
  color: #FF6600; /* BELIMO orange */
  color: #DC0C23; /* bbh ROT */
}

.icon-display-active:before {
  content: "\e956"; /* monitor-icon */
}

/* Monitor-Icon:active */
.icon-display-active {
  color: #fff;
  /* Highlight monitor-icon auf manager- und presenter-Seite */
  background-color: #4569B1; /* URG dark-blue */
  background-color: #EE6715; /* ING-DiBa orange */
  /* background-color: #ACB316; */ /* SANOFI green */
  /* background-color: #1A8259 */ /* bioNTech dark-green */
  background-color: #6AA215; /* bioNTech light-green */
  background-color: #FDD500; /* INTERROLL yellow */
  background-color: #FFBA2D; /* INTERROLL darker-yellow */
  background-color: #3E3E3E; /* INTERROLL dark-grey */
  background-color: #FF6600; /* BELIMO orange */
  background-color: #DC0C23; /* bbh ROT */
}
/* Monitor-Icon:active */
.icon-display-active.icon-round {
  /* Highlight monitor-icon font-color auf manager- und presenter-Seite */
  color: #FDD500; /* INTERROLL yellow */
  color: #DC0C23; /* bbh ROT */
  color: #fff;
}


/* presenter */
#presenter-chat-body .table-row-been-on-monitor td {
  /* Highlight-Text: row die bereits auf monitor war */
  /* color: #aaa !important; */
}
#presenter-chat-body .table-row-been-on-monitor .icon-round {
  /* Highlight-Icon: row die bereits auf monitor war */
  /*
  color: #aaa;
  background-color: #fff;
  border: 1px solid #ddd;
  */
}

/* manager */
#manager-chat-body .table-row-been-on-monitor td {
  /* Highlight-Text: row die bereits auf monitor war */
  color: #aaa !important;
}
#manager-chat-body .table-row-been-on-monitor .icon-round {
  /* Highlight-Icon: row die bereits auf monitor war */
  color: #aaa;
  background-color: #fff;
  border: 1px solid #ddd;
}




/* ===== BUTTON ===== */
.btn,
a.btn,
.btn-flat {
  box-shadow: none;
  background-color: transparent;
  background-color: #ff6200; /* ING-DiBa - orange */
  /* background-color: #444492; */ /* SANOFI - blue */
  background-color: #6AA215; /* bioNTech light-green */
  background-color: #FDD500; /* INTERROLL yellow */
  background-color: #FF6600; /* BELIMO orange */
  background-color: #DC0C23; /* bbh ROT */
  background-color: transparent;
  color: #000;
  color: #fff;
  color: #DC0C23; /* bbh ROT */
  border: 2px solid #DC0C23; /* bbh ROT */
  border-radius: 20px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition:0.2s ease-out;
  -moz-transition:0.2s ease-out;
  -o-transition:0.2s ease-out;
  -ms-transition:0.2s ease-out;
  transition:0.2s ease-out;
}

/* 'transparente' Buttons in den Modal-Dialogen */
button.btn-flat,
a.btn-flat {
  font-weight: normal;
  background-color: #000;
  background-color: transparent;
  color: #fff;
  color: #ff6200; /* ING-DiBa - orange */
  /* color: #444492; */ /* SANOFI - blue */
  color: #6AA215; /* bioNTech light-green */
  color: #FDD500; /* INTERROLL yellow */
  color: #FF6600; /* BELIMO orange */
  color: #DC0C23; /* bbh ROT */
  box-shadow: none;
}

.btn:hover,
.btn-flat:hover {
  background-color: #ff7200; /* ING-DiBa - orange-lighter */
  /* background-color: #5D65B2; */ /* SANOFI - blue-lighter */
  background-color: #75A922; /* bioNTech light-green-lighter */
  background-color: #FFF20A; /* INTERROLL light-yellow */
  background-color: #FF944d; /* BELIMO light-orange */
  background-color: #F54358; /* bbh light-ROT*/
  background-color: #DC0C23; /* bbh ROT */
  color: #fff;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}



/* ===== MAIN-TABLE ===== */
a.sort-table.active {
  /* clickbare Tabellen Überschriften */
  /* color: #ff6200; */ /* ING-DiBa - orange */
  /* color: #444492; */ /* SANOFI - blue */
  /* color: #6AA215; */ /* bioNTech light-green */
  color: #FDD500; /* INTERROLL yellow */
  color: #FFBA2D; /* INTERROLL darker-yellow */
  color: #FF6600; /* BELIMO orange */
  color: #DC0C23; /* bbh ROT */
  text-decoration: underline;
}


/* LABEL ======================================= */
/* Text-Label von Eingabefeld auf response-Seite */
/* active state */
input:focus ~ label,
input:valid ~ label,
textarea:focus ~ label,
textarea:valid ~ label {
  top: -20px;
  font-size: 14px;
  color: #5264AE;
  color: #EE6715; /* ING-DiBa orange */
  /* color: #444492; */ /* SANOFI - blue */
  color: #6AA215; /* bioNTech light-green */
  color: #FFBA2D; /* INTERROLL darker-yellow */
  color: #FF6600; /* BELIMO orange */
  color: #DC0C23; /* bbh ROT */
}


/* BOTTOM BARS ================================= */
/* Linie unter Eingabefeld auf response-Seite */
.bar:before,
.bar:after {
  background: #5264AE;
  background: #EE6715; /* ING-DiBa orange */
  /* background: #444492; */ /* SANOFI - blue */
  background: #6AA215; /* bioNTech light-green */
  background: #FDD500; /* INTERROLL yellow */
  background: #FF6600; /* BELIMO orange */
  background: #DC0C23; /* bbh ROT */
}



/* MONITOR ================================= */
/* */
main.monitor {
  background: #f2f2f2; /* Standard */
  background: transparent; /* keine Farbe im Hintergrund */
  /* background: #FDD500; */ /* INTERROLL yellow */
}



/* HIGHLIGHTER ================================== */
/* INPUT-ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	/* from { background: #EE6715; } */ /* ING-DiBa orange */
	/* from { background: #444492; } */ /* SANOFI - blue */
	/* from { background: #6AA215; } */ /* bioNTech light-green */
	/* from { background: #FFF20A; } */ /* INTERROLL light-yellow */
	/* from { background: #FF6600; } */ /* BELIMO orange */
	from { background: #DC0C23; } /* bbh ROT */
  to 	 { width: 0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	/* from { background: #EE6715; } */ /* ING-DiBa orange */
	/* from { background: #444492; } */ /* SANOFI - blue */
	/* from { background: #6AA215; } */ /* bioNTech light-green */
	/* from { background: #FFF20A; } */ /* INTERROLL light-yellow */
	/* from { background: #FF6600; } */ /* BELIMO orange */
	from { background: #DC0C23; } /* bbh ROT */
  to 	 { width: 0; background:transparent; }
}
@-ms-keyframes inputHighlighter {
	/* from { background: #EE6715; } */ /* ING-DiBa orange */
	/* from { background: #444492; } */ /* SANOFI - blue */
	/* from { background: #6AA215; } */ /* bioNTech light-green */
	/* from { background: #FFF20A; } */ /* INTERROLL light-yellow */
	/* from { background: #FF6600; } */ /* BELIMO orange */
	from { background: #DC0C23; } /* bbh ROT */
  to 	 { width: 0; background:transparent; }
}
@-o-keyframes inputHighlighter {
	/* from { background: #EE6715; } */ /* ING-DiBa orange */
	/* from { background: #444492; } */ /* SANOFI - blue */
	/* from { background: #6AA215; } */ /* bioNTech light-green */
	/* from { background: #FFF20A; } */ /* INTERROLL light-yellow */
	/* from { background: #FF6600; } */ /* BELIMO orange */
	from { background: #DC0C23; } /* bbh ROT */
  to 	 { width: 0; background:transparent; }
}
@keyframes inputHighlighter {
	/* from { background: #EE6715; } */ /* ING-DiBa orange */
	/* from { background: #444492; } */ /* SANOFI - blue */
	/* from { background: #6AA215; } */ /* bioNTech light-green */
	/* from { background: #FFF20A; } */ /* INTERROLL light-yellow */
	/* from { background: #FF6600; } */ /* BELIMO orange */
	from { background: #DC0C23; } /* bbh ROT */
  to 	 { width: 0; background:transparent; }
}