/* ===== GENERAL ===== */

/*
 * Copyright 2024 UnityRealtimeGroup
 * © 2024-05-02
 * Amprion Offshore GmbH
 */

/* #00a9e0 */ /* Amprion Offshore cyan */
/* #026487 */ /* Amprion Offshore dark-cyan */
/* #9e007e */ /* Amprion Offshore purple */
/* #480A3D */ /* Amprion Offshore dark-purple */
/* #323d48 */ /* Amprion Offshore font-color */

/*
@font-face {
  font-family: Gotham;
  font-weight: 100;
  font-style: normal;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-Thin_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-Thin_Web.woff2) format("woff2");
}
@font-face {
  font-family: Gotham;
  font-weight: 100;
  font-style: italic;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-ThinItalic_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-ThinItalic_Web.woff2) format("woff2");
}
@font-face {
  font-family: Gotham;
  font-weight: 200;
  font-style: normal;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-XLight_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-XLight_Web.woff2) format("woff2");
}
@font-face {
  font-family: Gotham;
  font-weight: 200;
  font-style: italic;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-XLightItalic_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-XLightItalic_Web.woff2) format("woff2");
}
@font-face {
  font-family: Gotham;
  font-weight: 300;
  font-style: normal;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-Light_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-Light_Web.woff2) format("woff2");
}
@font-face {
  font-family: Gotham;
  font-weight: 300;
  font-style: italic;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-LightItalic_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-LightItalic_Web.woff2) format("woff2");
}
*/

@font-face {
  font-family: Gotham;
  font-weight: 400;
  font-style: normal;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-Book_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-Book_Web.woff2) format("woff2");
}
@font-face {
  font-family: Gotham;
  font-weight: 400;
  font-style: italic;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-BookItalic_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-BookItalic_Web.woff2) format("woff2");
}
@font-face {
  font-family: Gotham;
  font-weight: 500;
  font-style: normal;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-Medium_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-Medium_Web.woff2) format("woff2");
}
@font-face {
  font-family: Gotham;
  font-weight: 500;
  font-style: italic;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-MediumItalic_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-MediumItalic_Web.woff2) format("woff2");
}
@font-face {
  font-family: Gotham;
  font-weight: 600;
  font-style: normal;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-Bold_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-Bold_Web.woff2) format("woff2");
}
@font-face {
  font-family: Gotham;
  font-weight: 600;
  font-style: italic;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-BoldItalic_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-BoldItalic_Web.woff2) format("woff2");
}
/*
@font-face {
  font-family: Gotham;
  font-weight: 700;
  font-style: normal;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-Black_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-Black_Web.woff2) format("woff2");
}
@font-face {
  font-family: Gotham;
  font-weight: 700;
  font-style: italic;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-BlackItalic_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-BlackItalic_Web.woff2) format("woff2");
}
@font-face {
  font-family: Gotham;
  font-weight: 800;
  font-style: normal;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-Ultra_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-Ultra_Web.woff2) format("woff2");
}
@font-face {
  font-family: Gotham;
  font-weight: 800;
  font-style: italic;
  font-display: auto;
  src: url(../fonts/gotham/Gotham-UltraItalic_Web.woff) format("woff"),
       url(../fonts/gotham/Gotham-UltraItalic_Web.woff2) format("woff2");
}
*/

:root {
  --font-family-sans-serif: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


html,
body {
  background: inherit;         /* Hintergrundfarbe der Seite: #fff */
  color: #323d48 !important;   /* #323d48 = Offshore dunkel-grau ### Standard Schrift-Farbe: #333 */
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500;
  font-stretch: semi-condensed !important;
}

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: #008A34; /* AOK green */
  color: #00462F; /* AOK Presseclub dunkelgruen */
  color: #005e3e; /* AOK Onkologie dunkelgruen */
  color: #9e007e; /* Offshore purple */
  /* text-shadow: 0.05em 0.05em #aaa; */
  /* font-weight: bold; */
  -webkit-tap-highlight-color: transparent;
}




/* ===== NAVIGATION ===== */
nav {
  background-color: inherit; /* Hintergrundfarbe Top-Bar: #fff */
  /* background-color: #005E3F; */ /* AOK Presseclub Primärfarbe dunkelgrün */
  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 */
  color: #fff;
  color: #005E3F; /* AOK Presseclub dunkelgruen */
  color: #005e3e; /* AOK Onkologie dunkelgruen */
  color: #9e007e; /* Offshore purple */
}




/* ===== 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: #008A34; /* AOK green */
  color: #00462F; /* AOK Presseclub dunkelgruen */
  color: #004627; /* AOK Onkologie active, onclick */
  color: #9e007e; /* Offshore purple */
  color: #00a9e0; /* Offshore cyan */
}

footer a:hover {
  color: #74D746; /* AOK Presseclub dunkelgruen */
  color: #007041; /* AOK Onkologie hover */
  color: #9e007e; /* Offshore purple */
  color: #026487; /* Offshore dark-cyan */
  text-decoration: underline;
}




/* ===== 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: #008A34; /* AOK green */
  color: #FF9900; /* AOK orange */
  color: #91F549; /* AOK Presseclub interaktiv gruen */
  color: #005E3F; /* AOK Presseclub Primär gruen */
  color: #005e3e; /* AOK Onkologie dunkelgruen */
  color: #9e007e; /* Offshore purple */
  color: #00a9e0; /* Offshore cyan */
}

.icon-star-full:hover,
.icon-bigger.active:hover {
  color: #A7F76D; /* AOK Presseclub interaktiv hover */
  color: #007041; /* AOK Onkologie hover */
  color: #026487; /* Offshore dark-cyan */
}

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

/* Monitor-Icon:active */
.icon-display-active {
  /* 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: #008A34; /* AOK green */
  background-color: #FF9900; /* AOK orange */
  background-color: #005E3F; /* AOK Presseclub Primär gruen */
  background-color: #005e3e; /* AOK Onkologie dunkelgruen */
  background-color: #00a9e0; /* Offshore cyan */
}
/* Monitor-Icon:active */
.icon-display-active.icon-round {
  /* Highlight monitor-icon font-color auf manager- und presenter-Seite */
  color: #FDD500; /* INTERROLL yellow */
  color: #008A34; /* AOK green */
  color: #fff;
}

.icon-display-active:hover,
.icon-display-active.icon-round:hover {
  background-color: #A7F76D; /* AOK Presseclub interaktiv hover */
  background-color: #007041; /* AOK Onkologie hover */
  background-color: #026487; /* Offshore dark-cyan */
  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,
.btn-aok {
  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: #008A34; /* AOK green */
  background-color: #FF9900; /* AOK orange */
  background-color: #91F549; /* AOK Presseclub Button */
  background-color: #005e3e; /* AOK Onkologie dunkelgruen */
  background-color: #9e007e; /* Offshore purple */
  color: #000;
  color: #00462F; /* AOK Presseclub dunkelgruen */
  color: #005E3F; /* AOK Dialog dunkelgruen */
  color: #fff;
  border-radius: 20px;
  border-radius: 4px;
  border-radius: 0px 0px 10px 0px;
  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.1s ease-out;
  -moz-transition:0.1s ease-out;
  -o-transition:0.1s ease-out;
  -ms-transition:0.1s ease-out;
  transition:0.1s ease-out;
  font-weight: bold;
}

/* 'transparente' Buttons in den Modal-Dialogen */
button.btn-flat,
a.btn-flat,
a.btn-aok {
  font-weight: normal;
  background-color: transparent;
  background-color: #000;
  background-color: #FF9900; /* AOK orange */
  background-color: #91F549; /* AOK Presseclub Button */
  background-color: #005e3e; /* AOK Onkologie dunkelgruen */
  background-color: #9e007e; /* Offshore purple */
  color: #ff6200; /* ING-DiBa - orange */
  /* color: #444492; */ /* SANOFI - blue */
  color: #6AA215; /* bioNTech light-green */
  color: #FDD500; /* INTERROLL yellow */
  color: #008A34; /* AOK green */
  color: #00462F; /* AOK Presseclub dunkelgruen */
  color: #005E3F; /* AOK Dialog dunkelgruen */
  color: #fff;
  box-shadow: none;
  font-weight: bold;
  border-radius: 0px 0px 10px 0px;
}

.btn:hover,
.btn-flat:hover,
.btn-aok: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: #3DA562; /* AOK light-green */
  background-color: #A7F76D; /* AOK Presseclub light-green */
  background-color: #007041; /* AOK Onkologie hover */
  background-color: #480A3D; /* Offshore dark-purple */
  /* box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); */
  border-radius: 10px 0px 10px 0px;
}

.btn:active,
.btn-flat:active,
.btn-aok:active {
  background-color: #74D746; /* AOK Dialog light-green */
  background-color: #00462F; /* AOK Onkologie active, onclick */
  background-color: #480A3D; /* Offshore dark-purple */
  border-radius: 10px 0px 10px 0px;
}


/* ===== response-text ===== */
.response-text {
  /* overwrite some styles from main.css */
  /* font-family: Arial, "Helvetica Neue", sans-serif !important; */
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500;
  width: calc(100% - 1.3rem);
  /*
  height: 66px;
  height: 36px;
  */
  margin: 0 !important;
  margin-top: 15px !important;
  /* padding: 4px !important; */
  /* border-radius: 5px; */
  font-size: 16px;
  line-height: 18px;
  border: 1px solid #ddd;
  border: 1px solid #FF9900; /* aok outline normal */
  border: 1px solid #91F549; /* aok presseclub outline normal */
  border: 1px solid #ddd;
  /* padding: 13px 25px 13px 25px !important; */
  padding: 8px !important;
  /* border-radius: 25px 25px 0px 25px !important; */
  /* border-radius: 20px 20px 0px 20px !important; */
  border-radius: 0px 0px 15px 0px !important;
  /* border: 1px solid #000;
  background: rgba(255,255,200,1); */
  color: #1D1D1B; /* AOK Font-Color */
  color: #005E3F; /* AOK presseclub font-color */
  color: #000000; /* AOK onkologie font-color */
  color: #323d48; /* Offshore font-color */
}

.response-text:focus,
.response-text:active {
  border: 1px solid #FFAE33; /* aok outline focus */
  border: 1px solid #91F549; /* aok presseclub outline focus */
  border: 1px solid #ddd;
  color: #005E3F; /* AOK presseclub font-color */
  color: #000000; /* AOK onkologie font-color */
  color: #323d48; /* Offshore font-color */
}

.response-text:hover {
  border: 1px solid #5FD26C; /* aok presseclub outline normal */
  border: 1px solid #ddd;
  color: #c6767b; /* aok onkologie color hover */
  color: #323d48; /* Offshore font-color */
}

.response-text::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #A8A8A8 !important;
  color: #6C767B !important; /* AOK Eingabefeld „off“ */
  color: #A8A8A8 !important;
  opacity: 1 !important; /* Firefox */
}
.response-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #A8A8A8 !important;
  color: #6C767B !important; /* AOK Eingabefeld „off“ */
  color: #A8A8A8 !important;
}

.response-text::-ms-input-placeholder { /* Microsoft Edge */
  color: #A8A8A8 !important;
  color: #6C767B !important; /* AOK Eingabefeld „off“ */
  color: #A8A8A8 !important;
}

/* ===== 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: #008A34; /* AOK green */
  color: #9e007e; /* Offshore purple */
  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: #008A34; /* AOK green */
  color: #005e3e; /* AOK Onkologie dunkelgruen */
  color: #9e007e; /* Offshore purple */
}


/* 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: #008A34; /* AOK green */
  background: #005e3e; /* AOK Onkologie dunkelgruen */
  background: #00a9e0; /* Offshore cyan */
}



/* 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: #3DA562; } */ /* AOK light-green */
	/* from { background: #91F549; } */ /* AOK Presseclub light-green */
	/* from { background: #007041; } */ /* AOK Onkologie hover-green */
	from { background: #9e007e; } /* Offshore purple */
  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: #91F549; } */ /* AOK Presseclub light-green */
	/* from { background: #007041; } */ /* AOK Onkologie hover-green */
	from { background: #9e007e; } /* Offshore purple */
  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: #91F549; } */ /* AOK Presseclub light-green */
	/* from { background: #007041; } */ /* AOK Onkologie hover-green */
	from { background: #9e007e; } /* Offshore purple */
  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: #91F549; } */ /* AOK Presseclub light-green */
	from { background: #007041; } /* AOK Onkologie hover-green */
  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: #91F549; } */ /* AOK Presseclub light-green */
	/* from { background: #007041; } */ /* AOK Onkologie hover-green */
	from { background: #9e007e; } /* Offshore purple */
  to 	 { width: 0; background:transparent; }
}