/* Standard-CSS to include in all Public-Websites */

/*Ajaxcode*/
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url('/web.images.overlay.png'); }

#overlay{
  background-color: #333;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/web.images.overlay.png", sizingMethod=scale);
}

#idaoverlay{
  background-image: url('/web.images.idaoverlay.png');
  background-color: #333;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/web.images.idaoverlay.png", sizingMethod=scale);
}
/*Ajaxcode End*/

.fad_time {
  padding-left: 10px;
}

.fad_time::after {
  content: '\ \23F0'
}

.fad_page_pagelist_event_group {
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.5em;
}

.fad_page_pagelist_time {
  padding-left: 10px;
}

.fad_page_pagelist_time::after {
  content: '\ \23F0'
}

.fad_startDate::before {
  content: 'von '
}

.fad_endDate::before {
  content: 'bis '
}

.fad_page_pagelist_startDate::before {
  content: 'von '
}

.fad_page_pagelist_endDate::before {
  content: 'bis '
}

.fad_street {
  display: block
}

.fad_postal::after {
  content: ' '
}

.fad_city::after {
  content: ' ';
  display: block;
}

.fad_schema_Person .fad_birthday::before {
  content: '\2731\ '
}

.fad_schema_Person .fad_birthyear::before {
  content: '\2731\ '
}

.fad_schema_Person {
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.5em;
}

.fad_schema_Person .fad_location {
  display: inline;
}

.fad_schema_Person .fad_location::before {
  content: ',\ '
}

.fad-attachment .fad-meta-title {
  font-weight: bold;
}

.fad-attachment .fad-meta-src::before {
  content: 'Quelle: ';
}

.fad-attachment .fad-meta-image {
  float: left;
  margin-right: 10px;
}

.fad-attachment span {
  display: block;
}

.fad_cms_blog_source::before {
  content: 'Quelle: '
}

div.fad_cms_blog_source {
  float: left;
  padding-top: 20px;
  width: 100%;
}

.page_blogreader .chapter_list .chapter_link::before {
  content: 'Seite ' attr(data-chapter) ': '
}

.page_blogreader .chapter_next::before {
  content: "weiterlesen:";
  padding-right: 5px;
}

.page_blogreader .tags ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.page_blogreader .tags ul:before {
  content: "Weitere Nachrichten zu den Themen: ";
}

.page_blogreader .tags ul li {
  margin-right: 10px;
  padding: 0;
  display: inline-block;
}

.fad_news_caption .chapter_title::before {
  content: 'Seite ' attr(data-chapter) ': '
}

.insert_module:after {
  content: '';
  clear: both;
  display: table;
}

.fad_hide {
  display: none;
}

.fad_visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/* ********* Formulare ********* */

.required:not(.empty) .ControlElement_label:after {
  content: ' *';
  color: #c60f13;
  font-size: 0.9em;
  line-height: 2em;
  font-weight: 400;
}

.required.empty .checkbox_label:after {
  content: ' *';
  color: #c60f13;
  font-size: 0.9em;
  line-height: 2em;
  font-weight: 400;
}

/* **********Autocomplete Controls *************** */

ul.ui-autocomplete {
  z-index: 2000;
  overflow: auto;
}

/* ********* Rating ********* */

.mod_rating #closeFrameButton {
  display: none;
}

.mod_rating .rating {
  cursor: pointer;
}

.mod_blog_newslist .rating {
  cursor: default;
}

.rating {
  display: inline-block;
  width: 80px;
  height: 14px;
  margin-right: 10px;
}

.rating div {
  background-image: url('/web.images.icon-sprite.png');
  width: 80px;
  height: 14px;
  background-position: -168px -471px;
  background-repeat: no-repeat;
  background-size: 480px 490px;
}

.rating_aspect {
  display: inline-block;
}

.label_rV {
  float: left;
  line-height: 26px;
}

.rating_value {
  margin-top: 3px;
}

.rating div.h_one_star {
  background-position: -152px -453px;
}

.rating div.one_star {
  background-position: -152px -471px;
}

.rating div.h_two_stars {
  background-position: -136px -453px;
}

.rating div.two_stars {
  background-position: -136px -471px;
}

.rating div.h_three_stars {
  background-position: -120px -453px;
}

.rating div.three_stars {
  background-position: -120px -471px;
}

.rating div.h_four_stars {
  background-position: -104px -453px;
}

.rating div.four_stars {
  background-position: -104px -471px;
}

.rating div.h_five_stars {
  background-position: -88px -453px;
}

.rating div.five_stars {
  background-position: -88px -471px;
}

.rating div.h_six_stars {
  background-position: -72px -453px;
}

.rating div.six_stars {
  background-position: -72px -471px;
}

.rating div.h_seven_stars {
  background-position: -56px -453px;
}

.rating div.seven_stars {
  background-position: -56px -471px;
}

.rating div.h_eight_stars {
  background-position: -40px -453px;
}

.rating div.eight_stars {
  background-position: -40px -471px;
}

.rating div.h_nine_stars {
  background-position: -24px -453px;
}

.rating div.nine_stars {
  background-position: -24px -471px;
}

.rating div.h_ten_stars {
  background-position: -8px -453px;
}

.rating div.ten_stars {
  background-position: -8px -471px;
}

.rating_count:before {
  content: ' - ';
}

.count_value {
  display: block;
  clear: both;
}

.count_value:before {
  content: "abgegebene Stimmen: ";
}

.label_points:before {
  content: " von ";
}

.label_points:after {
  content: " Punkten";
}

/* ********* Kommentar Modul ********* */

.mod_comment_editor .info-main {
  margin-bottom: 20px;
}

#comment-write-box, #comment_answer_box {
  margin-bottom: 20px;
  line-height: normal;
}

.comment_answers_view .ajaxFrame-wrapper {
  margin-top: 20px;
  line-height: normal;
}

.mod_comment_editor #closeFrameButton {
  display: none;
}

.mod_comment_editor #fad-content-wrapper {
  padding: 0;
}

.mod_comment_editor #commentlist .comment {
  margin-bottom: 20px;
}

.mod_comment_editor #commentlist .comment:last-child {
  margin-bottom: 0;
}

pre {
  padding: 10px 10px 10px 20px;
  background: #eee;
  border-left: 5px solid #fd8538;
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, sans-serif;
  font-size: 11px;
  font-size: 0.6875rem;
}


a:hover {
  cursor: pointer;
}

.comment-write::before {
  content: 'Kommentar schreiben';
}

.comment-write-first::before {
  content: 'Schreiben Sie den Ersten';
}

.comment-answer-write::before {
  content: 'Antwort schreiben'
}

.comment-answer-show::before {
  content: ' Antwort anzeigen'
}

.comment-answers-show::before {
  content: ' Antworten anzeigen'
}

.comment-no::before {
  content: 'Keine Kommentare';
}

.comment-comments::before {
  content: 'Kommentare';
}

.comment-empty::before {
  content: 'Es sind noch keine Kommentare vorhanden';
  font-weight: bold;
  display: block;
}

.comment-empty::after {
  content: 'Schreiben Sie den Ersten.';
  display: block;
}

.comment-lastest-answer::before {
  content: 'letzte Antwort '
}

.mod_comment_editor #commentlist .info-left {
  float: left;
  font-weight: bold;
}

.mod_comment_editor #commentlist .title {
  font-weight: bold;
}

.mod_comment_editor #commentlist .info-right, .mod_comment_editor .lastest-answer .comment_date {
  display: inline-block;
  margin-left: 3px;
  opacity: .7;
  font-size: 85%;
  vertical-align: baseline;
}

/* ********* Kommentarliste/Bewertungsliste Modul ********* */

.mod_comment_list ol, .mod_rating_list ol {
  padding: 0;
  list-style-type: none;
}

.mod_comment_list ol li, .mod_rating_list ol li {
  margin: 2rem 0;
}

.mod_comment_list ol li:first-child, .mod_rating_list ol li:first-child {
  margin-top: 0;
}

.mod_comment_list ol li:last-child, .mod_rating_list ol li:last-child {
  margin-bottom: 0;
}

.mod_rating_list .rating_value, .mod_rating_list .rating_date, .mod_rating_list .rating_aspect {
  display: inline-block;
  margin-top: 0;
  margin-right: 5px;
  opacity: .7;
  font-size: 85%;
  vertical-align: baseline;
}

.mod_rating_list .rating_comment {
  clear: both;
  display: block;
}

/* ********* Galerie Modul ********* */

.fad_gallery ul {
  list-style-type: none;
}

.fad_gallery img {
  display: block;
  margin: 0;
}

.fad_gallery.gallery-Raster ul {
  display: inline-block;
  margin: 0 -10px;
  padding-left: 0;
}

.fad_gallery.gallery-Raster ul li {
  float: left;
  margin: 10px;
}

.fad_gallery.gallery-Raster ul li a {
  display: inline-block;
  max-width: 100%;
  line-height: 0;
  border: 4px solid #ffffff;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  transition: all 200ms ease-out;
}

.fad_gallery.gallery-Raster ul li a:hover {
  -moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
  -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
  box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
}

.fad_cms_youtube iframe {
  max-width: 100%;
}

.fad_cms_youtube {
  position: relative;
  padding-top: 0;
  width: 100%;
}

#fad_epub_reader_prev {
  left: 0;
}

#fad_epub_reader_next {
  right: 0;
}

#fad_epub_reader_next, #fad_epub_reader_prev {
  position: absolute;
  top: 0;
  height: 100%;
  width: 10%;
  background: #eee;
  opacity: 0.0;
  padding: 50% 10px 10px;
  font-size: 50px;
}

#fad_epub_reader_head {
  position: absolute;
  left: 0;
  top: 0;
  height: 10%;
  width: 100%;
  background: #eee;
  opacity: 0.0;
  padding: 10px;
  font-size: 50px;
  text-align: center
}

#fad_epub_reader_head:hover, #fad_epub_reader_prev:hover, #fad_epub_reader_next:hover {
  opacity: 0.2;
}

#fad_epub_reader_footer {
  position: absolute;
  bottom: 15px;
  height: 20px;
  left: 50%;
  padding: 5px;
  width: 200px;
  margin-left: -100px;
  text-align: center;
}

#fad_epub_canvas {
  padding-top: 20px;
}

/*notwendig für JQuery Mobile */
.ui-loading .ui-loader {
  display: block;
}

.ui-loader {
  display: none;
  position: absolute;
  opacity: .85;
  z-index: 100;
  left: 50%;
  width: 200px;
  margin-left: -130px;
  margin-top: -35px;
  padding: 10px 30px;
}

/* ***************** Kontaktbox ******************** */

.fa {
  margin-right: 4px;
}

.fa.fa-mobile {
  margin-right: 7px;
  font-size: 1.4em;
}

.fa.fa-fax {
  margin-right: 2px;
}

.mod_addressbox .contact_data {
  display: table;
}

.mod_addressbox .contact_data .address_image {
  display: table-cell;
  height: auto;
  margin-top: 7px;
  vertical-align: top;
}

.mod_addressbox .contact_data .adress_data {
  display: table-cell;
  vertical-align: top;
}

.contact_data .fa-building {
  margin-right: 7px;
}

.contact_data .address_street .fa {
  margin-right: 8px;
}

/*.contact_data .address_location {*/
/*margin-left: 19px;*/ /* Dadurch wurde in der Adressbox nur die address_location verschoben. Entweder alles verschieben oder gar nix.*/
/*}*/

.contact_data .googlemaps_no_link {
  text-decoration: none;
  cursor: default;
}

/* ********************** Terminliste und Jobliste **************** */

.mod_pagelist a, .mod_job_joblist a {
  display: flex;
  padding: 10px 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
  background-color: #FFFFFF;
}

.fad_page_pagelist_content, .fad_page_pagelist_content:hover, .fad_job_joblist_content, .fad_job_joblist_content:hover {
  color: #000;
}

.fad_page_pagelist_content h3, .fad_job_joblist_content h3 {
  color: #0022A0;
}

.fad_page_pagelist_content, .fad_job_joblist_content {
  width: 100%;
}

.fad_page_pagelist_postal {
  float: left;
  margin-right: 5px;
}

/***************** Umfrage ***************************/

div.fad_survey_result {
  border-bottom: 1px solid;
  padding: 10px 0;
}

div.fad_survey_result .fad_survey_question {
  font-weight: bold;
}

div.fad_survey_result .fad_answer_selected,
div.fad_survey_result .fad_answer_unselected {
  padding-left: 32px;

}

div.fad_survey_result .fad_answer_selected {
  background-image: url('/web.images.pos_east_dis.png');
  background-repeat: no-repeat;
  font-weight: bold;
}

div.fad_radio_table {
  display: table;
}

div.fad_radio_table_row {
  display: table-row;
}

div.fad_radio_table_cell {
  display: table-cell;
  padding-right: 10px;
  width: 100%;
}

div.fad_radio_table .fad_radio_table_row .fad_radio_table_cell:nth-child(n+2) {
  text-align: center;
}

#Survey_DoBox table {
  width: 100%;
}

#Survey_DoBox .fad_radio_table {
  width: 100%;
}

/************* Linkliste ****************/

.mod_linklist_entry {
  clear: both;
  overflow: hidden;
  padding-bottom: 20px;
}

.mod_linklist_picture {
  float: left;
  margin-right: 10px;
}

.mod_linklist_picture img {
  margin: 5px 0;
}

.mod_linklist_description.mod_linklist_with_picture {
  margin-left: 160px;
}

/* *************************** Jobliste ********************* */

.fad_job_joblist_company::before {
  content: "Firma: ";
}

.fad_job_joblist_category::before {
  content: "Kategorie: ";
}

.fad_job_joblist_contract_type::before {
  content: "Vertragsart: ";
}

.fad_job_joblist_location::before {
  content: "Adresse: ";
}

.fad_job_joblist_salary::before {
  content: "Gehalt: ";
}

.fad_job_joblist_salary::after {
  content: " €";
}

/**************** DataViewer Modul *************************/
.mod_dataviewer > .page_box_read_more {
  display: table;
}

.mod_dataviewer > .page_box_read_more > .item {
  display: table-row;
}

.mod_dataviewer > .page_box_read_more > .item > * {
  display: table-cell;
  padding: 2px 0 2px 5px;
}

.mod_dataviewer > .page_box_read_more > .item > .name {
  font-weight: bold;
}

.mod_dataviewer > .page_box_read_more > .item > .error {
  font-weight: bold;
  color: #ff0000;
}

/* *************************** Rechenhelfer Modul ********************* */

.ajaxFrame-wrapper .calculator_online table.GridPanel.calculator_buttons .button.calculator_close {
  display: none;
}

/************** IMA Modul **************/

.insert_modgroup.comparison > .container,
.insert_modgroup.contract > .container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  display: flex;
}

.page_box.mod_comparison,
.page_box.mod_contract {
  max-width: 270px;
  min-width: 270px;
  min-height: 120px;
  border: none;
  border-radius: 0px;
  border-top-right-radius: 50px;
  background-color: #DBE1FC;
  box-shadow: -5px -5px 10px 0px rgba(34, 50, 84, 0.2);
  color: #fff;
  padding: 0;
  overflow: hidden;
  margin: 8px 0 0 16px;
  display: flex;
  flex-direction: column-reverse;
}

.page_box.mod_comparison:hover,
.page_box.mod_contract:hover {
  background: #ffffff;
  color: inherit;
}

.page_box.mod_comparison a, .page_box.mod_comparison a:hover,
.page_box.mod_contract a, .page_box.mod_contract a:hover {
  color: #fff;
  text-decoration: none;
  display: inherit;
  padding: 0;
  border: 0;
  background: inherit;
}

.page_box.mod_comparison .page_box_caption,
.page_box.mod_contract .page_box_caption {
  margin: 0;
  background-color: #5563A0;
  color: inherit;
  min-height: 120px;
  width: 270px;
  padding: 20px;
  font-size: 23px;
  word-break: break-word;
}

.page_box.mod_comparison .page_box_image img,
.page_box.mod_contract .page_box_image img {
  width: 270px;
}

.comparison-wrapper,
.contract-wrapper {
  display: none;
}

.comparison-wrapper .comparison-content #fad-content-wrapper,
.contract-wrapper .contract-content #fad-content-wrapper {
  padding: 0;
}

.comparison-wrapper .comparison-header,
.contract-wrapper .contract-header {
  height: 32px;
  border-bottom: 1px solid #d2d2d9;
}

.comparison-close,
.contract-close {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.comparison-close:hover,
.contract-close:hover {
  opacity: 1;
}
.comparison-close:before, .comparison-close:after,
.contract-close:before, .contract-close:after {
  position: absolute;
  left: 16px;
  content: ' ';
  height: 32px;
  width: 2px;
  background-color: #333;
}
.comparison-close:before,
.contract-close:before {
  transform: rotate(45deg);
}
.comparison-close:after,
.contract-close:after {
  transform: rotate(-45deg);
}

body.comparison,
body.contract {
  background: #fff !important;
}

body.comparison > .comparison-wrapper,
body.contract > .contract-wrapper {
  display: block;
}

body.comparison > *:not(.comparison-wrapper),
body.contract > *:not(.contract-wrapper) {
  display: none;
}

/******** Dictionary *********/

.lexion_letter a {
  margin: 0 4px;
}

.dictionary_prefix {
  display: none;
}

/******** Twitter **************/

.twitter-share-button {
  border: none;
}

/* ********* image option list ********* */

.iOL_Item_Preview, .optionimagelist img {
  margin: 2px;
  float: left;
}

.iOL_Item_Text, .optionimage {
  float: left;
  margin-top: 5px;
}

.optionimagelist {
  height: 60px;
  position: relative;
  top: -1px;
  width: 300px;
  /*   z-index: 998; */
}

.optionimagelist .input_title {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.optionimagelist .input_items {
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}

/* ********* Date Control ********* */

.calculator_main .date_control {
  display: flex;
  margin-top: 12px;
}

.calculator_main .date_control span:nth-of-type(even) {
  margin-top: 18px;
  padding: 0 2px;
}

.calculator_main .date_control {
  display: flex;
  margin-top: 12px;
}

.calculator_main .date_control span:nth-of-type(even) {
  margin-top: 18px;
  padding: 0 2px;
}

/*damit die Radiobuttons nebeneinander angezeigt werden*/
.calculator_online table.GridPanel.calculator_main ._row {
  display: flex;
}

.calculator_online table.GridPanel.calculator_main tr._row td._col:nth-of-type(1) {
  margin-right: 10px;
}

#fad-content-wrapper {
  padding-right: 14px;
  padding-top: 15px;
}

/* ********* Skin Preview ********* */

.skins_preview {
  overflow: hidden;
  clear: both;
}

.skins_preview_item {
  float: left;
}

/* ********* Datum input Felder ********* */

.date_control span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1px;
  margin-left: 1px;
}

.date_control input {
  width: auto;
}

/* ********* Zeit input Felder ********* */

.ControlElement_time_space {
  text-align: center;
}

/* ******* CheckBoxList ********* */

.checkboxlist_wrapper.multi {
  float: left;
}

.checkboxlist_wrapper.grouped .checkbox-wrapper.entry {
  margin-left: 15px;
}

.checkboxlist_wrapper .checkbox-wrapper {
  display: flex;
  align-items: center;
  margin-right: 10px;
  white-space: nowrap;
}

.checkboxlist_wrapper.vertical .checkbox-wrapper {
  clear: both;
}

.checkboxlist_wrapper.horizontal .checkbox-wrapper {
  float: left;
}

.checkbox-wrapper input, .radiobutton-wrapper input {
  margin-right: 4px;
}

.checkbox-wrapper.selected {
  font-weight: bold;
}

@media only screen and (min-width: 30em) {
  .calculator_online table.GridPanel.calculator_main tr._row td._col:nth-of-type(1) {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 64em) {
  .calculator_online table.GridPanel.calculator_main tr._row td._col {
    width: auto !important;
  }
}

/* ******* Modul: Teilen Button ********* */

.mod_social_share {
  float: left;
}

.mod_social_share.last {
  float: none;
}

.mod_social_share img {
  margin-right: 6px;
  border: 2px solid #fff;
}

.mod_social_share.last img {
  margin-right: 0;
}

/* ******* Modul: Social Fanpage Button ********* */

.mod_social_fanpage {
  display: inline-block;
  float: left;
  margin-right: 6px;
}

.mod_social_fanpage.last {
  float: none;
  margin-right: 0;
}

.mod_social_fanpage a {
  display: block;
  height: 30px;
  width: 30px;
  background-image: url('/web.images.social-icons.svg');
  background-repeat: no-repeat;
  background-size: cover;
}

.icon-wrapper a:hover, .mod_social_fanpage a:hover {
  text-decoration: none;
}

.mod_social_fanpage .social_icon a {
  height: auto;
  width: auto;
  background: none;
}

.mod_social_fanpage a.facebook {
  background-position-x: 0
}

.mod_social_fanpage a.twitter {
  background-position-x: -51px;
}

.mod_social_fanpage a.google {
  background-position-x: -153px;
}

.mod_social_fanpage a.xing {
  background-position-x: -204px;
}

.mod_social_fanpage a.xingnews {
  background-position-x: -204px;
}

.mod_social_fanpage a.instagram {
  background-position-x: -408px;
}

/* ******* Modul: Newsletter Archiv ********* */

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

.mod_newsletter_archive .newsletter_date {
  float: right;
}

span.fad_language {
  color: #fff;
  background-color: #808080;
  border-radius: 50%;
  display: inline-block;
  width: 25px;
  line-height: 25px;
  text-align: center;
}

span.fad_language:hover {
  background-color: #c0c0c0;
}

span.fad_language.fad_languageEnabled {
  background-color: #00923f;
}

span.fad_language.fad_languageEnabled:hover {
  background-color: #00923f;
}

div.fad-realp-table {
  display: table;
  border-collapse: collapse;
}

div.fad-realp-tablerow {
  display: table-row;
}

div.fad-realp-dot {
  display: table-cell;
  font-size: 6px;
  line-height: 6px;
  height: 6px;
  width: 6px;
  overflow: hidden;
}

img.fad-realp-svg-dots {
  width: 200px;
}

div.captcha_description {
  margin: 1rem 0;
}

/* ******* Modul: Newsliste ********* */

.mod_blog_newslist .fad_blog_article {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mod_blog_newslist article:first-of-type {
  margin-top: 0;
}

.mod_blog_newslist article:last-of-type {
  margin-bottom: 0;
}

.mod_blog_newslist .fad_blog_article_figure {
  margin: 0 0 0 0;
}

.mod_blog_newslist .fad_blog_article_figure img {
  margin-bottom: 1rem;
}

.mod_blog_newslist .fad_blog_article_rating, .mod_blog_newslist .fad_blog_article_comments {
  margin-top: 5px;
}

.mod_blog_newslist .fad_blog_article_rating + .fad_blog_article_comments {
  margin-top: 0;
}

/* ******* Schlagwort Newsliste ********* */

.tag_list .fad_blog_article, .date_list .fad_blog_article {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.tag_list .fad_blog_article_figure, .date_list .fad_blog_article_figure {
  margin: 0 0 0 0;
}

.tag_list .fad_blog_article_figure img, .date_list .fad_blog_article_figure img {
  margin-bottom: 1rem;
}

/* ******* invisible input MUST perfectly cover the label ********* */

div.fad_has_advanced_upload input[type='file'].upload_input_invisible {
  opacity: 0;
  overflow: hidden;
  position: relative;
  height: 65px;
  margin-top: -65px;
  display: block;
  width: 100%;
  cursor: pointer;
}

div.upload_multiple label {
  display: none;
}

div.upload_multiple label > span.upload_multiple_drop {
  display: none;
}

div.upload_multiple label.fad_has_advanced_upload {
  background-color: white;
  outline: 2px dashed grey;
  outline-offset: -2px;
  padding: 20px;
  display: block;
  text-align: center;
}

div.upload_multiple label.fad_has_advanced_upload > span.upload_multiple_drop {
  display: inline;
}

div.upload_multiple label.fad_has_advanced_upload.is-dragover {
  background-color: silver;
}

/***********************************/
/**            Backend            **/
/***********************************/

/* ******* Data Table ********* */

.data_table .modgroup {
  display: block;
  margin: 3px;
}

div.fad_data_table {
  display: table;
}

div.fad_data_table_row {
  display: table-row;
  border-top: solid 1px silver;
}

div.fad_data_table_cell {
  display: table-cell;
}

.fad_data_table_header_cell {
  font-weight: bold;
  text-align: left;
}

.fad_data_table_cell span {
  padding: 3px;
}

/* ******* Ajax Boxes ********* */

.mainframeLeft, .mainframeRight {
  width: 50%;
}

/* ******* Twitter Connection ********* */

.fad_tweet {
  position: relative;
  width: 580px;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #e1e8ed;
  border-radius: 4px;
}

.fad_tweet:hover {
  border-color: #ccd6dd;
}

.fad_tweet_header {
  position: relative;
  padding-left: 45px;
  height: 36px;
}

.fad_tweet_img {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 24px;
}

.fad_tweet_img a {
  display: block;
}

.fad_tweet_img a img {
  max-width: 100%;
  max-height: 100%;
}

.fad_tweet_user {
  margin-left: 46px;
  line-height: 16px;
  line-height: 1rem;
}

.fad_tweet_fullname {
  font-weight: bold;
  color: #292f33;
}

.fad_tweet_username {
  color: #8899a6;
}

.fad_tweet_user a:hover .fad_tweet_fullname {
  color: #d54e21;
}

.fad_tweet_content {
  margin-top: 5px;
  margin-left: 46px;
}

.fad_tweet_text {
  font-size: 12px;
}

.fad_tweet_date {
  display: block;
  font-size: 11px;
  color: #666666;
}

.fad_tweet_delete {
  position: absolute;
  right: 20px;
  bottom: 10px
}

.fad_tweet_delete a {
  color: #aab8c2;
}

/* ******* Stundenübersicht ********* */

.data_table_cell.time-missing {
  color: #ff0000;
}

.data_table_cell.time-zero.individual {
  background-color: #b9d3ee;
}

.data_table_cell.vacation {
  background-color: #32cd32;
}

.data_table_cell.vacation.ok {
  background-color: #6b8e23;
}

.data_table_cell.homeoffice {
  background-color: #CDAA7D;
}

.data_table_cell.homeoffice.ok {
  background-color: #8B5A2B;
}

.data_table_cell.vacation.prev-year {
  background-color: #ca95ff;
}

.data_table_cell.vacation.prev-year.ok {
  background-color: #805bb2;
}

.data_table_cell.school {
  background-color: #dddd00;
}

.data_table_cell.weekend {
  background-color: #778899;
}

.data_table_cell.free {
  background-color: #1589ff;
}

.data_table_cell.holiday {
  background-color: #d3d3d3;
}

.data_table_cell.sick {
  background-color: #ffb6c1;
}

.data_table_cell.sick.ok {
  background-color: #ff0000;
}

.data_table_cell.childsick {
  background-color: #f8b463;
}

.data_table_cell.childsick.ok {
  background-color: #f88805;
}

.data_table_cell a.time-default, .data_table_cell a.time-default, .data_table_cell a.time-default {
  color: #000;
}

.data_table_cell a.time-zero, .data_table_cell a.time-zero, .data_table_cell a.time-zero {
  color: #d3d3d3;
}

.data_table_cell.school a.time-zero, .data_table_cell.school a.time-zero, .data_table_cell.school a.time-zero {
  color: #707070;
}

.data_table_cell a.time-missing, .data_table_cell a.time-missing, .data_table_cell a.time-missing {
  color: #ff0000;
}

/* ******* Jahresübersicht ********* */

.year-overview {
  width: 100%;
  overflow: hidden;
  padding: 20px 0 20px 20px;
  border-right: 20px solid #fff;
}

.employee-left {
  width: 150px;
  position: relative;
  float: left;
}

.year-overview-table {
  width: calc(100% - 300px);
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  float: left;
}

.employee-right {
  width: 150px;
  float: left;
  margin-top: 48px;
}

.employee {
  white-space: nowrap;
  position: absolute;
  height: 16px;
  width: 100%;
  z-index: 2;
  line-height: 16px;
  line-height: 1rem;
  border-top: 1px solid #aaa;
}

.employee-right .employee {
  position: static;
}

.bg-color {
  white-space: nowrap;
  position: absolute;
  width: 5000px;
  height: 16px;
  z-index: 0;
  opacity: .1;
}

/******* Newsletter *****/

.fad_newsletter {
  max-width: 600px;
  background: #fff;
}

.newsletter-image img, img.newsletter-image {
  width: 600px;
}

/******* Mitteilungen *****/

.note-reader .note-header {
  position: relative;
}

.note-reader ul, .note-reader li, .note-reader dl, .note-reader dd {
  margin: 0;
  padding: 0;
}

.note-reader ul, .note-reader li {
  list-style-type: none;
}

.note-reader .note-date dt, .note-reader .note-subject dt {
  display: none;
}

.note-reader .note-sender dt, .note-reader .note-receiver dt {
  font-weight: bold;
}

.note-reader .note-subject {
  margin-bottom: 5px;
  padding-right: 30px;
  line-height: 1.65;
}

.note-reader .note-subject dd {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.note-reader .note-info {
  position: absolute;
  top: 10px;
  right: 10px;
}

.note-reader li.details {
  display: block;
  overflow: hidden;
}

.note-reader .note-date {
  float: right;
  margin-left: 10px;
  text-align: right;
}

.note-reader .note-sender dt, .note-reader .note-receiver dt {
  width: 30px;
  float: left;
  margin-right: 10px;
  text-align: right;
}

.note-reader .note-content {
  background: url(/skins/images/shadow.gif) top repeat-x;
}

.note-reader .note-content iframe {
  width: 754px;
  height: 500px;
  margin: 3px 0 0;
  border: none;
}

.note-reader .note-footer {
  padding: 5px 7px;
  border: 1px solid #fff;
}

.note-reader .note-button {
  padding-top: 3px;
  background: url(/skins/images/shadow_bottom.gif) top repeat-x;
}

.note-reader .note-button .page_body {
  padding: 5px 7px;
  border: none;
}

/******* Menü sortieren *****/

#menu_level0 {
  width: 500px;
  background-color: #5a92ad;
  border: 1px solid white;
  text-align: justify;
}

#menu_level1, #menu_level2, #menu_level3, #menu_level4 {
  width: 100%;
  border: 1px solid #fff;
  text-align: justify;
}

#menu_level1 {
  background-color: #adcbde;
}

#menu_level2 {
  background-color: #cedfef;
}

#menu_level3 {
  background-color: #ddefff;
}

/******* Coloer Chooser *****/

input.colorchooser {
  width: 20px;
  height: 20px;
}

/******* Color Palette *****/

#colorpickerDialog ul.fad-palette li {
  display: inline;
  float: left;
  width: 20px;
  height: 20px;
  margin: 5px;
  border: solid silver 1px;
}

span.fad_radiobuttonlist_option_youtube {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-image: url(images/youtube_100x42.png);
  background-position: 10px 0;
  text-indent: -5000px;
  width: 110px;
  height: 42px;
}

span.fad_radiobuttonlist_option_vimeo {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-image: url(images/vimeo_100x28.png);
  background-position: 10px 7px;
  text-indent: -5000px;
  width: 110px;
  height: 42px;
}

/******* Datepicker *****/

input.hasDatepicker {
  min-width: 120px;
}

.ui-datepicker-cell {
  display: block;
  position: relative;
}

.ui-datepicker-trigger {
  position: absolute;
  right: 0;
  top: 0;
}

.ui-datepicker-trigger:hover {
  cursor: pointer;
}

.ui-datepicker-space {
  text-align: center;
}

/******* ajaxFrame-dialog *****/

.ui-dialog.ajaxFrame-dialog {
  position: fixed;
  margin: 1rem;
  top: 0 !important;
  max-height: calc(100% - 2rem);
  max-width: calc(100% - 2rem);
  display: flex;
  flex-direction: column;
}

/******* Edit Picture *****/

.image-size-preview {
  float: left;
  margin: 10px;
}

.image-size-preview img {
  max-width: 300px;
  max-height: 200px;
  border: 5px solid transparent;
}

.image-size-preview img.selected {
  border-color: white;
}

.image-edit-preview {
  width: 100%;
  float: left;
}

.image-edit-preview.original {
  width: 75%;
}

/******* Grid Layout  *****/

.fad-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.fad-col-lg-12 {
  flex: 0 0 100%;
  width: 100%;
}

.fad-col-lg-9 {
  flex: 0 0 75%;
  width: 75%;
}

.fad-col-lg-8 {
  flex: 0 0 66.6666%;
  width: 66.6666%;
}

.fad-col-lg-6 {
  flex: 0 0 50%;
  width: 50%;
}

.fad-col-lg-4 {
  flex: 0 0 33.3333%;
  width: 33.3333%;
}

.fad-col-lg-3 {
  flex: 0 0 25%;
  width: 25%;
}

/******* Ajax Loading  *****/

.loading {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ajax-loading {
  margin-right: .5em;
  vertical-align: middle;
}

/*#loadingImage {*/
/*display: inline-block;*/
/*width: 40px;*/
/*height: 40px;*/
/*animation: spin 4s linear infinite;*/
/*}*/

.fad-loading-spinner {
  margin: 4px;
  width: 32px;
  height: 32px;
  position: relative;
}

.loading .fad-loading-spinner {
  margin-right: 12px;
}

.fad-loading-spinner .loading-bar {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.fad-loading-spinner .loading-bar:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 2px;
  height: 28%;
  background-color: #3a3a3a;
  border-radius: 100%;
  -webkit-animation: loading-FadeDelay 1.2s infinite ease-in-out both;
  animation: loading-FadeDelay 1.2s infinite ease-in-out both;
}

.fad-loading-spinner .loading-bar2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.fad-loading-spinner .loading-bar3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.fad-loading-spinner .loading-bar4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fad-loading-spinner .loading-bar5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.fad-loading-spinner .loading-bar6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.fad-loading-spinner .loading-bar7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fad-loading-spinner .loading-bar8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.fad-loading-spinner .loading-bar9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.fad-loading-spinner .loading-bar10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fad-loading-spinner .loading-bar11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.fad-loading-spinner .loading-bar12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.fad-loading-spinner .loading-bar2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.fad-loading-spinner .loading-bar3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.fad-loading-spinner .loading-bar4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.fad-loading-spinner .loading-bar5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.fad-loading-spinner .loading-bar6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.fad-loading-spinner .loading-bar7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.fad-loading-spinner .loading-bar8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.fad-loading-spinner .loading-bar9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.fad-loading-spinner .loading-bar10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.fad-loading-spinner .loading-bar11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.fad-loading-spinner .loading-bar12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes loading-FadeDelay {
  0%, 9%, 100% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
}

@keyframes loading-FadeDelay {
  0%, 9%, 100% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
}

/* ******* Volltextsuche ********* */

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

ul.fad_search_results li {
  margin: 1rem 0;
}

ul.fad_search_results a span {
  display: block;
}

.search_item_type {
  float: left;
  font-size: 90%;
  font-weight: bold;
}

.search_item_date {
  float: right;
  font-size: 90%;
  opacity: 0.8;
}

.search_item_title {
  clear: both;
}

/*Spaltenbreiten für Editor-Tabellen*/

td.htWidthAuto {
  width: auto;
}

td.htWidth1_1 {
  width: 100%;
}

td.htWidth2_3 {
  width: 66.6%;
}

td.htWidth1_2 {
  width: 50%;
}

td.htWidth1_3 {
  width: 33.3%;
}

td.htWidth1_4 {
  width: 25%;
}

td.htWidth1_8 {
  width: 12.5%;
}

td.htWidth1_16 {
  width: 6.25%;
}

/*cell border*/
td.htBorderTop {
  border-top: 1px solid #000 !important;
}

td.htBorderLeft {
  border-left: 1px solid #000 !important;
}

td.htBorderRight {
  border-right: 1px solid #000 !important;
}

td.htBorderBottom {
  border-bottom: 1px solid #000 !important;
}

/******* Statistik Fortschritts-balken  *****/

.fad_stats_bar {
  display: inline-block;
  float: left;
  height: 16px;
  min-width: 1px;
  margin-right: 5px;
  background-color: #ff8800;
}

.fad_stats_table span {
  display: block;
  line-height: 16px;
}

/*Stundenplan*/
div.fad_stundenplan_day {
  font-weight: bold;
  font-size: 125%;
  width: 120px;
  margin: 0;
  padding: 5px;
}

div.fad_stundenplan_plan,
div.fad_stundenplan_absence,
div.fad_wochenplan_day_head {
  margin: 0;
  padding: 5px;
}

div.fad_wochenplan_day_head {
  height: 33px;
  overflow: hidden;
  margin-bottom: 10px;
  border-bottom: 1px solid silver;
}

div.fad_stundenplan_row.fad_stundenplan_dow1 .fad_stundenplan_day:after {
  display: block;
  content: 'Montag';
  font-size: 8px;
  font-weight: normal;
}

div.fad_stundenplan_row.fad_stundenplan_dow2 .fad_stundenplan_day:after {
  display: block;
  content: 'Dienstag';
  font-size: 8px;
  font-weight: normal;
}

div.fad_stundenplan_row.fad_stundenplan_dow3 .fad_stundenplan_day:after {
  display: block;
  content: 'Mittwoch';
  font-size: 8px;
  font-weight: normal;
}

div.fad_stundenplan_row.fad_stundenplan_dow4 .fad_stundenplan_day:after {
  display: block;
  content: 'Donnerstag';
  font-size: 8px;
  font-weight: normal;
}

div.fad_stundenplan_row.fad_stundenplan_dow5 .fad_stundenplan_day:after {
  display: block;
  content: 'Freitag';
  font-size: 8px;
  font-weight: normal;
}

div.fad_stundenplan_row.fad_stundenplan_dow6,
div.fad_wochenplan_dow6 {
  background-color: #cccccc;
}

div.fad_stundenplan_row.fad_stundenplan_dow6 .fad_stundenplan_day:after {
  display: block;
  content: 'Sonnabend';
  font-size: 8px;
  font-weight: normal;
}

div.fad_stundenplan_row.fad_stundenplan_dow7,
div.fad_wochenplan_dow7 {
  background-color: #aaaaaa;
}

div.fad_stundenplan_row.fad_stundenplan_dow7 .fad_stundenplan_day:after {
  display: block;
  content: 'Sonntag';
  font-size: 8px;
  font-weight: normal;
}

div.fad_stundenplan_row.fad_stundenplan_dow1.fad_stundenplan_feiertag,
div.fad_stundenplan_row.fad_stundenplan_dow2.fad_stundenplan_feiertag,
div.fad_stundenplan_row.fad_stundenplan_dow3.fad_stundenplan_feiertag,
div.fad_stundenplan_row.fad_stundenplan_dow4.fad_stundenplan_feiertag,
div.fad_stundenplan_row.fad_stundenplan_dow5.fad_stundenplan_feiertag,
div.fad_stundenplan_row.fad_stundenplan_dow6.fad_stundenplan_feiertag,
div.fad_stundenplan_row.fad_stundenplan_dow7.fad_stundenplan_feiertag,
div.fad_wochenplan_feiertag,
div.fad_wochenplan_saturday.fad_wochenplan_feiertag,
div.fad_wochenplan_sunday.fad_wochenplan_feiertag {
  background-color: #ffaaaa;
}

div.fad_stundenplan_row.fad_absence_sick_0_1 div.fad_stundenplan_day,
div.fad_stundenplan_row.fad_absence_sick_1_1 div.fad_stundenplan_day {
  background-color: #f8b463;
}

div.fad_stundenplan_row.fad_absence_sick_0_0 div.fad_stundenplan_day,
div.fad_stundenplan_row.fad_absence_sick_1_0 div.fad_stundenplan_day {
  background-color: #ff0000;
}

div.fad_stundenplan_row.fad_absence_vacation_0_0 div.fad_stundenplan_day,
div.fad_stundenplan_row.fad_absence_vacation_0_1 div.fad_stundenplan_day {
  background-color: #32cd32;
}

div.fad_stundenplan_row.fad_absence_vacation_1_0 div.fad_stundenplan_day,
div.fad_stundenplan_row.fad_absence_vacation_1_1 div.fad_stundenplan_day {
  background-color: #6b8e23;
}

div.fad_stundenplan_row.fad_absence_training div.fad_stundenplan_day {
  background-color: #eeee00;
}

div.fad_wochenplan_saturday {
  background-color: #cccccc;
}

div.fad_wochenplan_sunday {
  background-color: #aaaaaa;
}

div.fad_stundenplan_aufgabe,
div.fad_wochenplan_aufgabe {
  margin-bottom: 10px;
}

div.fad_wochenplan_aufgabe {
  border-bottom: 1px silver dotted;
}

span.fad_absence_vacation_0_0:before,
div.fad_wochenplan_day_head.fad_absence_vacation_0_0:before {
  display: inline;
  font-size: 21px;
  line-height: 24px;
  margin-left: -3px;

  content: '🌴';
  background-color: #32cd32;
  color: #fff;
  padding: 3px;
  margin-right: 5px;
}

span.fad_absence_vacation_0_0,
div.fad_wochenplan_day_head.fad_absence_vacation_0_0 {
  display: block;
  border: solid 1px #32cd32;
  padding: 3px;
  border-radius: 3px;
  overflow: hidden;
}

span.fad_absence_vacation_0_1:before,
div.fad_wochenplan_day_head.fad_absence_vacation_0_1:before {
  display: inline;
  font-size: 21px;
  line-height: 24px;
  margin-left: -3px;

  content: '🌴';
  background-color: #32cd32;
  color: #fff;
  padding: 3px;
  margin-right: 5px;
}

span.fad_absence_vacation_0_1,
div.fad_wochenplan_day_head.fad_absence_vacation_0_1 {
  display: block;
  border: solid 1px #32cd32;
  padding: 3px;
  border-radius: 3px;
  overflow: hidden;
}

span.fad_absence_vacation_1_0:before,
div.fad_wochenplan_day_head.fad_absence_vacation_1_0:before {
  display: inline;
  font-size: 21px;
  line-height: 24px;
  margin-left: -3px;

  content: '🌴✔';
  background-color: #6b8e23;
  color: #fff;
  padding: 3px;
  margin-right: 5px;
}

span.fad_absence_vacation_1_0,
div.fad_wochenplan_day_head.fad_absence_vacation_1_0 {
  display: block;
  border: solid 1px #6b8e23;
  padding: 3px;
  border-radius: 3px;
}

span.fad_absence_vacation_1_1:before,
div.fad_wochenplan_day_head.fad_absence_vacation_1_1:before {
  display: inline;
  font-size: 21px;
  line-height: 24px;
  margin-left: -3px;

  content: '🌴✔';
  background-color: #6b8e23;
  color: #fff;
  padding: 3px;
  margin-right: 5px;
}

span.fad_absence_vacation_1_1,
div.fad_wochenplan_day_head.fad_absence_vacation_1_1 {
  display: block;
  border: solid 1px #6b8e23;
  padding: 3px;
  border-radius: 3px;
  overflow: hidden;
}

div.fad_wochenplan_day_head.fad_absence_sick_0_0:before,
span.fad_absence_sick_0_0:before {
  display: inline;
  font-size: 21px;
  line-height: 24px;
  margin-left: -3px;
  content: '💉 ';
  background-color: #ff0000;
  color: #fff;
  padding: 3px;
  margin-right: 5px;
}

div.fad_wochenplan_day_head.fad_absence_sick_0_0,
span.fad_absence_sick_0_0 {
  display: block;
  border: solid 1px #ff0000;
  padding: 3px;
  border-radius: 3px;
  overflow: hidden;
}

div.fad_wochenplan_day_head.fad_absence_sick_0_1:before,
span.fad_absence_sick_0_1:before {
  display: inline;
  font-size: 21px;
  line-height: 24px;
  margin-left: -3px;
  content: '💉 ';
  background-color: #f8b463;
  color: #fff;
  padding: 3px;
  margin-right: 5px;
}

div.fad_wochenplan_day_head.fad_absence_sick_0_1,
span.fad_absence_sick_0_1 {
  display: block;
  border: solid 1px #f8b463;
  padding: 3px;
  border-radius: 3px;
  overflow: hidden;
}

div.fad_wochenplan_day_head.fad_absence_sick_1_0:before,
span.fad_absence_sick_1_0:before {
  display: inline;
  font-size: 21px;
  line-height: 24px;
  margin-left: -3px;
  content: '💉✔ ';
  background-color: #ff0000;
  color: #fff;
  padding: 3px;
  margin-right: 5px;
}

div.fad_wochenplan_day_head.fad_absence_sick_1_0,
span.fad_absence_sick_1_0 {
  display: block;
  border: solid 1px #ff0000;
  padding: 3px;
  border-radius: 3px;
  overflow: hidden;
}

div.fad_wochenplan_day_head.fad_absence_sick_1_1:before,
span.fad_absence_sick_1_1:before {
  display: inline;
  font-size: 21px;
  line-height: 24px;
  margin-left: -3px;
  content: '💉 ✔';
  background-color: #f8b463;
  color: #fff;
  padding: 3px;
  margin-right: 5px;
}

div.fad_wochenplan_day_head.fad_absence_sick_1_1,
span.fad_absence_sick_1_1 {
  display: block;
  border: solid 1px #f8b463;
  padding: 3px;
  border-radius: 3px;
  overflow: hidden;
}

div.fad_wochenplan_day_head.fad_absence_training:before,
span.fad_absence_training:before {
  display: inline;
  font-size: 21px;
  line-height: 24px;
  margin-left: -3px;
  content: '🎓';
  background-color: #eeee00;
  color: #000;
  padding: 3px;
  margin-right: 5px;
}

div.fad_wochenplan_day_head.fad_absence_training,
span.fad_absence_training {

  display: block;
  border: solid 1px #eeee00;
  padding: 3px;
  border-radius: 3px;
  overflow: hidden;
}

div.fad_stundenplan_day,
div.fad_stundenplan_plan,
div.fad_stundenplan_absence,
div.fad_stundenplan_aufgabe_time,
div.fad_stundenplan_aufgabe_data,
div.fad_stundenplan_aufgabe_actions,
div.fad_wochenplan_aufgabe_actions {
  display: inline-block;
  vertical-align: top;
}

div.fad_stundenplan_aufgabe_actions {
  padding-left: 20px;
}

div.fad_stundenplan_aufgabe_actions i.ii {
  margin: 5px;
}

span.fad_stundenplan_aufgabe_title {
  display: block;
  font-weight: bold;
  margin-left: 10px;
}

span.fad_stundenplan_aufgabe_person {
  display: block;
  margin-left: 10px;
}

div.fad_wochenplan_day_date {
  display: inline-block;
}

#Wochenplan_adminBox td.data_table_cell,
#Wochenplan_userBox td.data_table_cell {
  max-width: 300px;
}

div.fad_wochenplan_plan,
div.fad_wochenplan_aufgabe,
div.fad_wochenplan_day_head,
div.fad_wochenplan_aufgabe_data,
span.fad_wochenplan_aufgabe_title,
span.fad_wochenplan_aufgabe_person {
  display: block;
  max-width: 300px;
}

@media (max-width: 1600px) {
  #Wochenplan_adminBox td.data_table_cell,
  #Wochenplan_userBox td.data_table_cell,
  div.fad_wochenplan_plan,
  div.fad_wochenplan_aufgabe,
  div.fad_wochenplan_day_head,
  div.fad_wochenplan_aufgabe_data,
  span.fad_wochenplan_aufgabe_title,
  span.fad_wochenplan_aufgabe_person {

    max-width: 210px;
  }
}

@media (max-width: 1200px) {
  #Wochenplan_adminBox td.data_table_cell,
  #Wochenplan_userBox td.data_table_cell,
  div.fad_wochenplan_plan,
  div.fad_wochenplan_aufgabe,
  div.fad_wochenplan_day_head,
  div.fad_wochenplan_aufgabe_data,
  span.fad_wochenplan_aufgabe_title,
  span.fad_wochenplan_aufgabe_person {
    max-width: 175px;
  }
}

@media (max-width: 1000px) {
  #Wochenplan_adminBox td.data_table_cell,
  #Wochenplan_userBox td.data_table_cell,
  div.fad_wochenplan_plan,
  div.fad_wochenplan_aufgabe,
  div.fad_wochenplan_day_head,
  div.fad_wochenplan_aufgabe_data,
  span.fad_wochenplan_aufgabe_title,
  span.fad_wochenplan_aufgabe_person {
    max-width: 140px;
  }
}

@media (max-width: 800px) {
  #Wochenplan_adminBox td.data_table_cell,
  #Wochenplan_userBox td.data_table_cell,
  div.fad_wochenplan_plan,
  div.fad_wochenplan_aufgabe,
  div.fad_wochenplan_day_head,
  div.fad_wochenplan_aufgabe_data,
  span.fad_wochenplan_aufgabe_title,
  span.fad_wochenplan_aufgabe_person {
    max-width: 100px;
  }
}

@media (max-width: 600px) {
  #Wochenplan_adminBox td.data_table_cell,
  #Wochenplan_userBox td.data_table_cell,
  div.fad_wochenplan_plan,
  div.fad_wochenplan_aufgabe,
  div.fad_wochenplan_day_head,
  div.fad_wochenplan_aufgabe_data,
  span.fad_wochenplan_aufgabe_title,
  span.fad_wochenplan_aufgabe_person {
    max-width: 80px;
  }
}

span.fad_wochenplan_aufgabe_title {
  font-weight: bold;
}

span.fad_wochenplan_aufgabe_person {
  font-size: 12px;
}

div.fad_stundenplan_day div.fad_ft_name span,
div.fad_wochenplan_plan div.fad_ft_name span {
  font-size: 12px;
  display: block;
}

div.fad_stundenplan_aufgabe_new
div.fad_wochenplan_aufgabe_new {
  margin-top: 8px;
}

input.fad_important {
  font-weight: bold;
}

/******* Font-Size  *****/

span.fad-size-125 {
  font-size: 125%;
}

span.fad-size-150 {
  font-size: 150%;
}

span.fad-size-90 {
  font-size: 90%;
}

span.fad-size-80 {
  font-size: 80%;
}

span.fad-size-70 {
  font-size: 70%;
}

span.fad-size-60 {
  font-size: 60%;
}

span.fad-size-50 {
  font-size: 50%;
}

/******* Text Styling  *****/

.justifyLeft {
  text-align: left;
}

.justifyRight {
  text-align: right;
}

.justifyCenter {
  text-align: center;
}

.justifyFull {
  text-align: justify;
}

/******* Image Styling  *****/

.image-left, .image-right, .image-center, .image-none {
  max-width: 100%;
}

.image-left img, .image-right img, .image-center img, .image-none img {
  max-width: 100%;
  height: auto;
}

.image-left {
  float: left;
  margin-right: 10px;
}

.image-right {
  float: right;
  margin-left: 10px;
}

.image-center {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.fad_image_width_100 {
  width: 100%;
}

.fad_image_width_66 {
  width: 66%;
}

.fad_image_width_50 {
  width: 50%;
}

.fad_image_width_33 {
  width: 33%;
}

.fad_image_width_25 {
  width: 25%;
}

.fad_image_width_12_5 {
  width: 12.5%;
}

.fad_image_width_6_25 {
  width: 6.25%;
}

.fad_image_width_100 img,
.fad_image_width_66 img,
.fad_image_width_50 img,
.fad_image_width_33 img,
.fad_image_width_25 img,
.fad_image_width_12_5 img,
.fad_image_width_6_25 img {
  width: 100%;
  height: 100%;
}

span.image-meta-description {
  display: block;
}

.toggle_data_table_row {
  display: none;
}

.message_text .close_message_text {
  display: none;
}

img.label_status {
  max-width: none;
  margin-right: 5px;
}

a.fad_publisher_group, a.fad_publisher_group:link, a.fad_publisher_group:visited {
  color: #4f4f4f;
}

a.fad_publisher_group:hover {
  color: #1e1e1e;
}

/******** Progress Bar Ajax ****************/

.fad_progressbar_wrapper .fad_button {
  margin-top: 10px;
}

.fad_progressbar_bar {
  height: 20px;
  margin-bottom: 10px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  position: relative;
}

.fad_progressbar_progress, .fad_progressbar_progress_loading {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease, opacity .6s ease;
}

.fad_progressbar_progress {
  position: relative;
  z-index: 2;
}

.fad_progressbar_progress_loading {
  width: 100%;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .55) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .55) 50%, rgba(255, 255, 255, .55) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .55) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .55) 50%, rgba(255, 255, 255, .55) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .55) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .55) 50%, rgba(255, 255, 255, .55) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
  background-color: #eaeaea;
  position: absolute;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.fad_progressbar_progress_msg {
  margin-left: 21px;
}

.fad_progressbar_progress_msg .ii {
  margin-right: 5px;
  margin-left: -21px;
}

@keyframes progress-bar-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 40px 0;
  }
}

.progress_bar_success {
  background-color: #5cb85c;
}

.progress_bar_info {
  background-color: #5bc0de;
}

.progress_bar_warning {
  background-color: #f0ad4e;
}

.progress_bar_danger {
  background-color: #d9534f;
}

/* ********* EDU Progress ********* */

.fad_edu_progress {
  transform: rotate(-90deg);
}

/* ********* Control Group ********* */

.ControlGroup .ControlGroup_content {
  display: table;
  width: 100%;
}

.ControlGroup .ControlGroup_content_left, .ControlGroup .ControlGroup_content_middle, .ControlGroup .ControlGroup_content_right {
  display: table-cell;
  vertical-align: top;
  padding: 16px;
  padding: 1rem;
  font-size: 87.5%;
}

.ControlGroup_content_left, .ControlGroup_content_right {
  background: #f5f5f5;
}

.ControlGroup_content_left {
  border-right: 1px solid #e3e3e3;
}

.ControlGroup_content_right {
  border-left: 1px solid #e3e3e3;
}

.ControlGroup .form-group {
  display: table-row;
}

.form-group label.ControlElement_label {
  width: 180px;
  padding-right: 10px;
}

.form-group label.ControlElement_label.fad_label_position_top {
  vertical-align: top;
}

.form-group label.ControlElement_label.fad_label_position_bottom {
  vertical-align: bottom;
}

.form-group label.ControlElement_label.fad_label_position_middle, .form-group label.ControlElement_label.fad_label_position_center {
  vertical-align: middle;
}

.ControlGroup .form-group > * {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 5px;
}

.help_element {
  width: 30px;
}

.help_element.help_text a[tooltip] {
  position: relative;
}

.help_element.help_text a[tooltip]:focus:after,
.help_element.help_text a[tooltip]:hover:after {
  background: #262626;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 5px 5px 5px 0;
  bottom: 23px;
  color: #fff;
  content: attr(tooltip);
  padding: 10px 5px;
  position: absolute;
  z-index: 98;
  left: 2px;
  width: 230px;
  text-shadow: none;
  font-size: 12px;
  line-height: 1.5em;
}

.help_element.help_text a[tooltip]:focus:before,
.help_element.help_text a[tooltip]:hover:before {
  border: solid;
  border-color: #222 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 17px;
  content: "";
  left: 2px;
  position: absolute;
  z-index: 99;
}

.help_element.help_text a {
  color: #fff;
  background: #000;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  line-height: 16px;
  margin: 0 5px;
  font-size: 12px;
}


/******* Gallerya Standardhöhe *********************/

div.mod_galleria_container {
  height: 400px;
}

button.disabled {
  background: lightgray;
}

/* ********* css geometrics ********* */

.dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.square {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  display: inline-block;
}

.square.danger {
  background: #aa0000;
}

/* ********* clearfix ********* */

.fad_clearfix::before,
.fad_clearfix::after {
  content: " ";
  display: table;
}

.fad_clearfix::after {
  clear: both;
}

.fad_clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */
}

/* ********fad-image-wrapper ******************** */
span.fad-image-wrapper {
  display: inline-block;
  position: relative;
}

/*  **********scorm Iframe basics ************* */

div.fad_scorm_frame_container {
  display: none;
  position: fixed;
  /* padding-bottom: 56.25%;*/ /* ratio 16x9 */
  /* padding-bottom: 75%; */ /* ratio 4x3 */
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 100000;
}

div.fad_scorm_frame_container iframe.fad_scorm_frame {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

img.cms_preview_scorm {
  width: 60px;
  max-height: 60px;
}

button.fad_scorm_start {
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #ff0000;
  border-radius: 50%;
  height: 64px;
  width: 64px;
  text-indent: -5000px;
}

button.fad_scorm_start.complete {
  background-color: #00ff00;
}

button.fad_scorm_start::after {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 40px solid #fff;
  border-radius: 0;
  content: ' ';
  top: 0;
  bottom: 0;
  left: 11px;
  right: 0;
  margin: auto;
}

.page_wbtmodule .fad_wbtmodule_stats {
  margin-bottom: 16px;
}

.page_wbtmodule .fad_scorm_progress_button {
  margin-top: 16px;
}

.fad_wbtmodule_stats::before,
.fad_wbtmodule_stats::after {
  content: " ";
  display: table;
}

.fad_wbtmodule_stats::after {
  clear: both;
}

/* ********* error Box ********* */

.fad_error_box {
  border: 1px solid #777;
  padding: 6px 5px 5px;
  margin: 5px 3px;
  background-color: #FEFEF0;
  color: #222;
  width: 280px;
}

/* ********* Dokumenten Navigation********* */

.document_navigation a {
  line-height: 15px;
  font-weight: bold;
}

.document_navigation a span {
  padding-left: 5px;
  color: #777;
}

.document_navigation a.active span {
  color: #990000;
}

.document_navigation .ii-link {
  margin: 0 5px 0 -3px;
  vertical-align: text-top;
}

.document_navigation .ii-link:before {
  font-size: 7px;
  margin: 0;
}

.document_navigation .ii-pw_change, .document_navigation .ii-confirm, .document_navigation .ii-edit {
  margin-left: 15px;
}

.document_navigation .ii + .ii {
  margin-left: 3px;
}

/* ********* Radiobutton Liste ********* */

table.radiobutton-list {
  float: none;
}

/* ********* Tabellen mit Rahmen ********* */

table.frame, table.frame th, table.frame td {
  padding: 5px;
  border: 1px solid;
}

.fad_question > input+h4::before {
  content: "+ ";
  text-align: left;
}


.fad_question > input:checked+h4::before {
  content: "- ";
  text-align: left;
}

.fad_question > input ~ div
{
  display: none;
}

.fad_question > input:checked ~ div
{
  display: block;

}

/* ********** Cookie Consent ********** */
body.fad_cookieconsent_display_overlay {
  overflow: hidden;
}

.fad_cookieconsent_wrapper {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.75);
}

.fad_cookieconsent_wrapper.fad_cookieconsent_display_overlay {
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
}

.fad_cookieconsent_wrapper.fad_cookieconsent_display_top {
  top: 0;
  width: 100%;
}

.fad_cookieconsent_wrapper.fad_cookieconsent_display_bottom {
  bottom: 0;
  width: 100%;
}

.fad_cookieconsent_wrapper .fad_cookieconsent_content {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  padding: 20px;
}

.fad_cookieconsent_wrapper .fad_cookieconsent_content #fad-content-wrapper {
  padding: 0;
}

.fad_cookieconsent_wrapper.fad_cookieconsent_display_overlay .fad_cookieconsent_content {
  margin: auto;
}

/* mod_calendar */
.fad_calendar ol::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* ================
Calendar Styling */
.fad_calendar {
  min-width: 375px;
  position: relative;
}
.fad_calendar ol{
list-style:none;
}

.fad_calendar a{
  cursor: pointer;
}
.fad_calendar.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
    supported by Chrome, Edge, Opera and Firefox */
}
.fad_calendar_month_year_btn {
  display:flex;
  justify-content: center;
  align-items: center;
  color: #444;
  margin-bottom: 0.5rem !important;
}
.fad_calendar_month_year {
  display:flex;
  justify-content: center;
  align-items: center;
  width: 11rem;
}
.fad_calendar_month, .fad_calendar_year {
  font-size: 1.5rem;
  margin-bottom: 0.5rem !important;
}
.fad_calendar_month {
  margin-right: 0.5rem !important;
}

.initials {
}
@media (max-width: 550px) {
  .initials {
    position: relative;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: 1ch; 
    width: 1.9ch;
  }
}

.fad_calendar ol li {
  float: left;
  width: 14.28571%;
}
@media (max-width: 550px) {
	.fad_calendar ol li {
 	width:80%;
	}
}

.fad_calendar .fad_calendar_day_names {
  border-bottom: 1px solid #eee;
  color: #444;
}
@media (max-width: 550px) {
	.fad_calendar .fad_calendar_day_names {
	display:none;
	}
}
.fad_calendar .fad_calendar_days { 
  border-bottom: 1px solid #eee;
}
.fad_calendar .fad_calendar_days li {
  min-height: 6rem;
  cursor: pointer;
}

.fad_calendar .fad_calendar_days li .date {
  margin-bottom: 0.5rem;
}

.fad_calendar .fad_calendar_days li .event {
  font-size: 0.75rem;
  padding: 0.4rem 0.6rem 0.4rem  0.8rem;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4rem;
  margin: 0 1px 1px 0;
}


@media (max-width: 550px) {
	.fad_calendar .fad_calendar_days li.outside {
		display:none;
	}
}

.fad_calendar .fad_calendar_days li .event.span-2 {
  width: 200%;
}

.fad_calendar .fad_calendar_days li .event.begin {
  border-radius: 1rem 0 0 1rem;
}

.fad_calendar .fad_calendar_days li .event.end {
  border-radius: 0 1rem 1rem 0;
}

.fad_calendar .fad_calendar_days li .event.clear {
  background: none;
}

.fad_calendar .fad_calendar_days li:nth-child(n+29) {
  border-bottom: none;
}

.fad_calendar .fad_calendar_days li.outside .date  {
  color: #ddd;
}
.fad_calendar .fad_calendar_days li.today .date  {
  text-decoration: underline;
}

.fad_calendar_event {
margin-left:0;
margin-right:0;
border-radius:0;
background-color:#dedede;
padding:3px;
padding-top:5px;
}
.fad_calendar_event .fad_calendar_event_time{
display:none;
}
.fad_calendar_event .fad_calendar_event_title{
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
font-weight:bold;
line-height:1.5em;
max-height:calc( 1.5em - 2px );
}
.fad_calendar_event.start .fad_calendar_event_time{
display:inline;
margin-right:0.2em;
font-weight:normal;
}
.fad_calendar_event.start{
border-top-left-radius:0.5em;
border-bottom-left-radius:0.5em;
margin-left:0.25em;
}
.fad_calendar_event.end{
border-top-right-radius:0.5em;
border-bottom-right-radius:0.5em;
margin-right:0.25em;
}

.fad_calendar_event .fad_calendar_event_details{
position:absolute;
display:none;
overflow:hidden;
z-index:10;
padding:0.5em;
margin-left:-2em;
border-radius:0.5em;
border: solid 1px #aeaeae;
max-width:90%;
}

.fad_calendar_event_img {   
 max-width: calc( 100vw / 7 - 1em );
 height: auto;
}


.fad_calendar_event.active .fad_calendar_event_details{
background-color:#ffffff;
display:block;
}
.fad_calendar_postal {
  float: left;
  margin-right: 0.4rem;
}

.fad_hiddenOverlay{
display: none !important;
}