/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


html, body {
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-family: 'Open Sans', sans-serif;
  background-color: white;
  color: #000000;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a:link ,
a:visited{
  color: #333333;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

/*
-----------------------------------------------------------------------------
+ Buttons - Inputs - Selects
-----------------------------------------------------------------------------
*/
input[type="text"],
input[type="date"],
input[type="password"],
input[type="submit"],
select, .logout {
  /* -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; */
  height: 36px;
  padding: 5px;
  display: flex;
  font-size: 16px;
  line-height: 1.5;
  color: #495057;
  border-radius: 3px;
  padding: .375rem .75rem;
  background-color: #fff;
  border: 1px solid #DE1D1C;
  background-clip: padding-box;
  box-sizing: border-box !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.logout,
.login-button,
.logout-button,
input[type="submit"] {
  opacity: 1;
  height: 36px;
  border: none;
  display: flex;
  min-width: 64px;
  cursor: pointer;
  font-size: 14px;
  padding: 4px 16px;
  font-weight: 500 !important;
  border-radius: 4px;
  align-items: center;
  background: #BEBEBE !important;
  letter-spacing: 1.4px;
  justify-content: center;
  text-transform: uppercase;
  box-sizing: border-box !important;
  color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0,0,0,.12);
  transition: all 0.3s ease;
}

.login-button,
.logout-button {
  width: 100%;
}

.logout:hover,
.login-button:hover,
.logout-button:hover,
input[type="submit"]:hover {
  opacity: .85;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0,0,0,.12);
}

#navbar div.login-button,
#navbar .logout-button {
  color: #BEBEBE !important;
  background: white !important;
  box-shadow: unset;
  transition: all 0.2s ease;
}

#navbar div.login-button:hover,
#navbar .logout-button:hover {
  background: rgba(255, 255, 255, 0.97) !important;
}

/*
-----------------------------------------------------------------------------
+ Navigation
-----------------------------------------------------------------------------
*/
#navbar {
  display: flex;
  align-items: center;
  background: #BEBEBE;
  justify-content: space-between;
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.15);
}

#navbar.navbar-fixed {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
}

#navbar > .login-button,
#navbar > .logout-button {
  width: 150px;
  margin: 7px 14px;
  border-radius: 4px;
  display: flex;
}

#navbar img {
  height: 34px;
  cursor: pointer;
  padding: 7px 14px;
}

#navbar #navbar-links {
  display: none;
}

#mobile-navigation-container {
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
}

#mobile-navigation-container.hide {
  animation: hide-navigation-container 0.3s linear forwards;
  animation-delay: 0.2s;
}

#mobile-navigation-container.active {
  animation: display-navigation-container 0.3s linear forwards;
}

#mobile-navigation {
  display: flex;
  flex-direction: column;
  box-shadow: 10px 0px 10px -5px rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 0px;
  list-style-type: none;
  margin: 0px;
  z-index: 999;
  padding: 0px;
  height: 100%;
  left: -400px;
  width: 300px;
  background: #BEBEBE;
  transition: all 0.3s ease;
}

#mobile-navigation.hide {
  left: 0px;
  animation: slide-out-navigation 0.3s linear forwards;
}

#mobile-navigation.active {
  animation: slide-in-navigation 0.2s linear forwards;
  animation-delay: 0.14s;
}

@keyframes hide-navigation-container {
  0% {
    opacity: 1;
    height: inherit;
  }
  97% {
    opacity: 0;
  }
  100% {
    height: 0px;
  }
}

@keyframes display-navigation-container {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slide-in-navigation {
  from {
    left: -400px;
  }
  to {
    left: 0px;
  }
}

@keyframes slide-out-navigation {
  from {
    left: 0px;
  }
  to {
    left: -400px;
  }
}

#mobile-navigation #close-mobile-navigation {
  display: flex;
  justify-content: flex-end;
  padding: 12px;
  transition: all 0.3s ease;
}

#mobile-navigation #close-mobile-navigation img {
  width: 32px;
  height: 32px;
  cursor: pointer;
}

#mobile-navigation #mobile-navigation-links {
  overflow: auto;
}

#mobile-navigation li {
  height: 50px;
}

#mobile-navigation li a,
#mobile-navigation li strong {
  font-weight: 400;
  display: flex;
  padding: 0px 14px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  align-items: center;
  color: white;
  height: 100%;
  transition: all 0.3s ease;
}

#mobile-navigation li a:hover {
  letter-spacing: 4px;
  background: rgba(0, 0, 0, 0.2);
}

#mobile-navigation li strong {
  background: rgba(0, 0, 0, 0.4);
  letter-spacing: 7px;
}

/*
-----------------------------------------------------------------------------
+ Content
-----------------------------------------------------------------------------
*/
#header {
  display: none;
}

#header > #header-container {
  width: 100%;
  display: none;
  padding: 24px 7px;
  flex-direction: column;
}

#header-container a > img {
  width: 550px;
}

#content {
  margin: 20px;
}

#content h1 {
}

#content h2 {
}

#content p {
  margin: 0;
}

/*
-----------------------------------------------------------------------------
+ Best
-----------------------------------------------------------------------------
*/

.Ungerade_Zeile_Notiz	{
  color:#555555;
}

.InfoBlock {
  padding-bottom:10px;
}

.InfoBox {
  top:auto;
  clear:both;
  margin-left:150px;
  position:fixed;
  width:650px;
  height:500px;
  background-color:#ffffff;
  border:2px solid black;
  padding:25px;
  display:none;
}

.Ueberschrift {
  font-weight:bold;
}

fieldset legend,
.Suchueberschrift	{
  font-weight:bold;
  padding-left:0px;
}
.Zwischenueberschrift	{
  font-weight:bold;
}
.Seitenzahlen tr {
  display: flex;
  justify-content: center;
}
.Kleine_Eingabezeile {
  width:85px;
}
.datum {
  line-height:0px;
}
.hr {
  color:#eeeeee;
  margin-right:0px;
}

.Anlagen {
  color:#3a3a3a;
  vertical-align:middle;
}

img {
  border:none;
  vertical-align:middle;
}

.ImgSort,
.ImgSort:link,
.ImgSort:hover,
.ImgSort:visited {
  color: #3a3a3a;
  font-weight:bold;
}

.recherche_form {
	display:none;
}


#searchform .fieldset_group .fieldset_element {
  display: flex;
}

#searchform tr.fieldset_group:nth-child(5) .fieldset_element {
  flex-direction: column;
  align-items: center;
}

#searchform input,
#searchform select,
#searchform button {
  width: 100%;
}

#search-help + br + table tr:first-child {
  font-weight: bold;
}

#body-container,
#teilnehmerbox table tr,
#ajax_sitzungsmappe table tr,
#search-help + br + table {
  border: 1px solid #ddd;
}

#body-container td,
#teilnehmerbox table tr td,
#ajax_sitzungsmappe table tr td,
#search-help + br + table td {
  padding: 8px !important;
}

#body-container tr:nth-child(even),
#teilnehmerbox table tr:nth-child(even),
#ajax_sitzungsmappe table tr:nth-child(even),
#search-help + br + table tr:nth-child(even) {
  background-color: #f2f2f2;
}
#body-container tr:hover,
#teilnehmerbox table tr:hover,
#ajax_sitzungsmappe table tr:hover,
#search-help + br + table tr:hover {
  background-color: #ddd;
}

.SKContainer > div.Suchueberschrift tr > td:first-child {
  display: none;
}

.SKContainer > div.Suchueberschrift tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.table_sk {
  overflow: auto;
}

.table_sk,
.SKContainer table.SKMenuMainContainer,
.SKContainer table.SKMenuMainContainer thead,
.SKContainer table.SKMenuMainContainer thead tr {
  width: 100%;
}

.table_sk thead {
  display: none;
}

.table_sk th,
.table_sk tr {
  min-height: 40px;
}

.table_sk tr {
  display: flex;
}

.table_sk tr td.SKTerminZeit_td {
  width: 140px;
}

.table_sk tr td.SKTerminTitel_td {
  width: 70%;
}

.table_sk tr td.SKTerminRaum_td {
  width: 30%;
}

.table_sk tr td.SKTerminOutlook_td {
  width: 60px;
  box-sizing: border-box !important;
}

.SKMenuMainContainer > thead > tr {
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.SKContainer th.SKMenuData .SKMenuDataTextSelected {
  padding: 12px;
  color: white;
  letter-spacing: 6px;
  text-transform: uppercase;
  background-color: #254D8B;
}

.monat_tr th {
  background: #254D8B;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: white;
}

.SKTermineFeiertag_tr td,
#SK_Calendar td {
  padding: 7px;
}

.SKTermineFeiertag_tr,
#SK_Calendar.SKTag3_tr {
  background: #1D3557;
}

.SKTermineFeiertag_tr td,
#SK_Calendar.SKTag3_tr td {
  color: #F1FAEE;
}

#SK_Calendar.SKTag2_tr,
#SK_Calendar.SKTag1_tr {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

#SK_Calendar.SKTag1_tr {
  background-color: rgba(0, 0, 0, 0.05);
}

#SK_Calendar .SKWochentag_td,
#SK_Calendar .SKTageszahl_td {
  width: 50px;
  box-sizing: border-box !important;
}

.table_sk #SK_Calendar tr {
  display: flex;
}
#SK_Calendar .SKTerminTitel_td a,
#SK_Calendar .SKTerminTitel_td {
  display: flex;
  align-items: center;
  word-break: break-all;
  white-space: pre-wrap;
}
#SK_Calendar .SKTerminZeit_td,
#SK_Calendar .SKTerminLink_td,
#SK_Calendar .SKTerminRaum_td,
#SK_Calendar .SKTerminOutlook_td,
.SKTermineFeiertag_tr .SKTerminZeitF_td,
.SKTermineFeiertag_tr .SKTerminLinkF_td,
.SKTermineFeiertag_tr .SKTerminRaumF_td,
.SKTermineFeiertag_tr .SKTerminOutlookF_td,
.SKContainer > div:first-child tr > td:first-child > div,
.SKContainer .SKMenuMainContainer .SKMenuData a,
.SKContainer > div:first-child {
  display: none;
}

table {
  width: 100%;
}

#legendebox {
  border: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  width: 870px !important;
  position: absolute !important;
  top: 0px;
  left: 0px !important;
}

#legendebox > table {
  width: 870px !important;
}

#legendebox td.Ungerade_Zeile {
  display: flex;
  padding: 4px;
}

#legendebox tbody > tr:first-child td:last-child {
  display: none;
}

#legendebox tbody > tr > td:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

#legendebox tbody > tr:first-child > td:first-child {
  border-right: none;
}

#legendebox tbody > tr:first-child td {
  background: rgba(0, 0, 0, 0.2);
}

#legendebox tbody > tr:nth-child(2) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#legendebox tbody > tr {
  display: flex;
  justify-content: space-between;
}

#legendebox tbody > tr > td {
  width: 100% !important;
}

/*
-----------------------------------------------------------------------------
+ Login-Logout
-----------------------------------------------------------------------------
*/
.logout-modal {
  display: none;
}

.login-modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999999;
  opacity: 1;
  transform: scale(1);
  transition: all .22s ease;
}

.login-modal.hidden {
  opacity: 0;
}

.login-modal.hidden > form {
  transform: scale(0);
  opacity: 0;
}

.login-modal > form {
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  opacity: 1;
  transform: scale(1);
  transition: all .22s ease;
}

.login-modal > form > div {
  display: flex;
  margin-bottom: 14px;
}

.login .user img,
.login .password img,
.login-modal > form > div img {
  height: 28px;
  padding: 4px;
  background: #BEBEBE;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.login-modal > form > div input {
  width: 100%;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

#header .login {
  display: none;
}

.login .user,
.login .password {
  display: flex;
}

.login .user input,
.login .password input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: 7px;
  width: 100%;
}

.login h4 {
  font-weight: 600;
  font-size: 22px;
  margin: 0px;
  text-transform: uppercase;
  letter-spacing: 3.7px;
  text-align: center;
}

.login h5 {
  margin: 14px 0px;
  font-weight: 300;
  font-size: 17px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 5px;
}

/*
-----------------------------------------------------------------------------
+ Footer
-----------------------------------------------------------------------------
*/
.footer {
  padding: 40px 7px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(to bottom, #DE1D1C, #747675 5%);;
}

.footer > img {                        
  margin: auto;
  width: 120px;
}

.footer nav {
  list-style-type: none;
}

.footer .infos {
  display: flex;
  flex-direction: column;
}

.footer a,
.footer div {
  color: white;
}

/*
-----------------------------------------------------------------------------
+ Cookie-Banner
-----------------------------------------------------------------------------
*/
#cookiebanner {
  left: 0px;
  padding: 7px;
  position: fixed;
  max-width: 100%;
}

#cookiebanner .cookie-text {
  display: flex;
  align-items: center;
}

#cookiebanner .cookie-text img {
  margin-left: 7px;
  cursor: pointer;
  height: 18px;
  width: 18px;
}

#cookiebanner .cookie-actions {
  display: flex;
  margin-top: 7px;
  justify-content: flex-end;
}

#cookiebanner .cookie-actions #cookiecheckbox {
  display: flex;
  align-items: center;
}

#cookiebanner .cookie-actions #cookiecheckbox > div {
  margin-left: 7px;
}

#cookiebanner .cookie-actions button {
  height: 28px;
  border: none;
  color: #A97BE1;
  cursor: pointer;
  font-size: 16px;
  padding: 4px 12px;
  margin-left: 14px;
  border-radius: 6px;
  background-color: transparent;
  transition: all 0.2s ease;
}

#cookiebanner .cookie-actions button:hover {
  background-color: rgba(169,123,225, 0.1);
}

#cookiebanner #cookieform {
  width: inherit;
  max-width: 100%;
  font-size: 14px;
  min-width: 344px;
  min-height: 48px;
  color: rgba(255, 255, 255, .8);
  padding: 8px 16px;
  border-radius: 6px;
  background-color: #323232;
  box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.3);
}

#cookiepop {
  background-color: #323232;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: rgba(255, 255, 255, .8);
  position: fixed;
  cursor: pointer;
  display: flex;
  height: 36px;
  margin: 7px;
  width: 36px;
  opacity: 0;
  bottom: 0;
  left: 0px;
}

#cookiepop img {
  height: 16px;
  width: 16px;
}

/*
-----------------------------------------------------------------------------
+ Gremien
-----------------------------------------------------------------------------
*/
#body-container tr {
  display: flex;
  justify-content: flex-start;
}

#body-container td {
  width: unset !important;
}

#body-container td:not(:first-child) {
  display: none;
}

#body-container td:first-child {
  display: inline-block;
}

#body-container td:nth-child(3) {
  display: inline-block;
  width: 100%;
}

#body-committees tr a,
#body-committees tr td {
  color: #3f4e55;
}

#body-committees tr:first-child {
  border-bottom: 2px solid #e6eaeb;
}

#body-committees tr {
  height: 42px;
  border-bottom: 1px solid #e6eaeb;
}

#body-committees tr td:last-child,
#body-committees tr td:nth-child(3),
#body-committees tr td:first-child {
  display: none;
}

#body-committees tr:first-child a:hover {
  background: rgba(230,57,70, 0.02);
}

#committee-people-addresses tr td,
#committee-people tr td {
  width: unset !important;
}

#committee-people-addresses tr td:last-child,
#committee-people-addresses tr td:nth-child(3),
#committee-people tr td:last-child,
#committee-people tr td:nth-child(3),
#committee-people tr td:nth-child(5) {
  display: none;
}

/*  */
.modalDialog_contentDiv {
  left: 20px !important;
  right: 20px !important;
  width: unset !important;
  height: unset !important;
}

.modalDialog_contentDiv > div > img {
  width: 100%;
}


/*
-----------------------------------------------------------------------------
+ Mandatssuche
-----------------------------------------------------------------------------
*/
#mandate-search {
  display: flex;
  justify-content: space-between;
}

#mandate-information tr td {
  width: unset !important;
}

#mandate-information tr td:last-child,
#mandate-information tr td:nth-child(3),
#mandate > table > tbody > tr > td:first-child {
  display: none;
}

.mandate-card td {
  padding: 0px !important;
}

.mandate-card td:first-child {
  display: none;
}

.mandate-card td:nth-child(2) {
  margin-right: 14px;
}

.mandate-card {
  margin: 7px;
  padding: 16px;
  display: flex;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  border-radius: 4px;
  margin-bottom: 14px;
  background-color: #fff;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12);
}
.mandate-card {}

/*
-----------------------------------------------------------------------------
+ Startseite
-----------------------------------------------------------------------------
*/

.meetings-overview { /* Termine der nächste X Tage (not logged in users) */
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12);
  padding: 16px;
  border-width: 1px;
  border-radius: 4px;
  border-style: solid;
  border-color: #e0e0e0;
}

.meetings-overview td.Zwischenueberschrift {
  -webkit-font-smoothing: antialiased;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: .0125em;
}

.meetings-overview td.Ungerade_Zeile_Tabelle,
.meetings-overview td.Ungerade_Zeile {
  border: none;
  opacity: .75;
}

.meetings-overview td.Ungerade_Zeile_Tabelle,
.meetings-overview td.Ungerade_Zeile,
.meetings-overview td.Normale_Schrift {
  width: unset;
}

.meetings-overview tr > td.Ungerade_Zeile > table > tbody > tr > td.Ungerade_Zeile:first-child,
.meetings-overview > table > tbody > tr > td.Ungerade_Zeile_Tabelle:first-child,
.meetings-overview td.Normale_Schrift:first-child {
  display: none;
}

.PCTermineAlle {} /* Termine der nächsten X Tage (only logged in users) */

.PCTermineAlle table table tr {
  box-shadow: 0px 2px 0px -1px rgba(0, 0, 0, 0.2);
}

.PCUnterlagen {} /* Neue Sitzungsinformationen (only logged in users) */

.PCUnterlagen table {
  background: transparent;
}

#menu3 li,
#menu3 ul {
  margin: 0px;
  padding: 0px;
}

#menu3 li {
  list-style-type: none;
}

#display-event-informations,
#display-next-events,
#hide-event-informations,
#hide-next-events {
  width: 100%;
  display: flex;
  font-size: 16px;
  color: #254D8B;
  padding: 7px 16px;
  border-radius: 4px;
  background: white;
  align-items: center;
  letter-spacing: 1.4px;
  justify-content: center;
  transition: all .2s ease;
  box-sizing: border-box !important;
}

#display-event-informations,
#display-next-events {
  background: rgba(230,57,70, 0.1);
}

#display-event-informations:hover,
#display-next-events:hover {
  background: white;
}

#hide-event-informations:hover,
#hide-next-events:hover {
  background: rgba(230,57,70, 0.1);
}

.PCTermineAlle > table > tbody > tr > td > table tr td:first-child,
.PCUnterlagen > table > tbody > tr > td > table > tbody > tr:first-child > td > table tr td:first-child {
  display: none;
}

/*
-----------------------------------------------------------------------------
+ Fraktionen
-----------------------------------------------------------------------------
*/
#faction-person div,
#faction-person td {
  width: unset !important;
}

/*
-----------------------------------------------------------------------------
+ Settings
-----------------------------------------------------------------------------
*/
#search-settings form {
  display: flex;
}

.setting_table {
  display: flex;
}

.setting_table > tbody {
  display: flex;
  overflow: hidden;
  flex-direction: column;
}

.setting_table .setting_tr .setting_td:first-child {
  display: flex;
  flex-direction: column;
}
.setting_table .setting_tr .setting_td:first-child div {
  display: inline-block;
  word-break: break-all;
}
.setting_table .setting_tr .setting_td:last-child {
  display: flex;
  flex-direction: column;
}
.setting_table .setting_tr .setting_td:last-child nobr {
  display: flex;
  margin-left: 14px;
  align-items: center;
}
.setting_table .setting_tr {
  display: flex;
  margin-left: 14px;
  flex-direction: column;
}

#save-fab {
  right: 0px;
  margin: 10px;
  bottom: 0px;
  width: 40px;
  z-index: 999;
  height: 40px;
  border: none;
  padding: 0px;
  display: flex;
  cursor: pointer;
  position: fixed;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: #254D8B;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0,0,0,.12);
  transition: all .2s ease;
}

#save-fab .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

#save-fab:hover {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0,0,0,.12);
  background-color: #D63946;
}

#TreeViewStyle                  		{font-size:.9em;line-height:120%;} /* SCHRIFT GROESSE / LINIE / KOMPAKTER */
#TreeViewStyle               ul 		{list-style:none outside; white-space: nowrap; } /* STYLEPUNKTE VON STANDART ENTFERNEN */
#TreeViewStyle               li 		{margin:0 0 0 4px;font-family:Verdana; white-space: nowrap;} /* VERRUECKEN*/
#TreeViewStyle             li a 		{color:#444;text-decoration:none;cursor:hand;padding:0 5px 2px 10px;font-family:Verdana; white-space: nowrap;} /* LINK STYLE*/
#TreeViewStyle        nothing  			{background:url("/images/treeview.inc.node0.gif") 0 .4em no-repeat; white-space: nowrap;} /* nichts anzeigen */
#TreeViewStyle      li.branch a.branch 		{background:url("/images/treeview.inc.node2.gif") 0 .4em no-repeat; white-space: nowrap;} /* PLUS ANZEIGEN */
#TreeViewStyle   li.collapsed a.collapsed 	{background:url("/images/treeview.inc.node1.gif") 0 .4em no-repeat!important; white-space: nowrap;} /* Minus anzeigen */
#TreeViewStyle        li.leaf a.leaf 		{background:url("/images/treeview.inc.node0f.gif") 0 .6em no-repeat!important; white-space: nowrap;}  /*beim letzen kein minus*/
#TreeViewStyle            li ul 		{border-left:1px #222 dotted;border-bottom:1px #222 dotted;margin:0 0 0 4px; white-space: nowrap;}  /*gestrichelte Linie*/


/* FOOTER CONTACT */
.company,
.footer nav,
.footer .infos {
  width: 90%;
}
@media (min-width: 1000px) {
  .company,
  .footer nav,
  .footer .infos {
    width: 86%;
  }
}
@media (min-width: 1200px) {
  .company,
  .footer nav,
  .footer .infos {
    width: 75%;
  }
}
@media (min-width: 1400px) {
  .company,
  .footer nav,
  .footer .infos {
    width: 65%;
  }
}
@media (min-width: 1600px) {
  .company,
  .footer nav,
  .footer .infos {
    width: 55%;
  }
}
.company {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.company > div {
  margin-right: 24px;
}
.contact {
  display: flex;
  flex-direction: column;
}
.opening-day-time {
  display: flex;
}
.contact a {
  display: flex;
}
.contact span,
.opening-day-time > div {
  width: 80px;
}
.footer .infos {
  margin: 24px 0px;
}
.footer nav {
  display: flex;
}
.footer nav li {
  margin-right: 14px;
}
td,
td a,
td div {
  line-height: 24px !important;
}
#body-container td.Ungerade_Zeile_Tabelle {
  line-height: 24px !important;
}
.calendar-page-day-name {
  background-color: #F5F5F5!important;
}