/*Layout Hebelschule Rheinstetten Copyright Firma I.D.E.E. Susanne Zoeller https://idee-im-web.de/*
/*****************************************//*** Main-Template ***//*****************************************/
/*****************************************/
/*** General ***/
/*****************************************/
:root {
  --cassiopeia-color-primary: #f8f8f8;;
  --cassiopeia-color-link: #ee7200;
  --cassiopeia-color-hover: #666;
}
a, a:hover {
  text-decoration: none;
}
a:not([class]) {
  text-decoration: none;
}
/*****************************************/
/*** Body ***/
/*****************************************/
body {
  font-family: Arial, Verdana, Helvetica, Trebuchet, sans-serif;
  font-size: 1em;
}
body.wrapper-fluid footer > .grid-child, body.wrapper-fluid header > .grid-child {
  padding-left: 0;
  padding-right: 0;
}
/*****************************************/
/*** Header ***/
/*****************************************/
.container-header {
  background-image: none;
}
.container-header .grid-child {
  padding: 0;
}
.container-header .navbar-brand {
  padding: 0;
}
.grid-child {
  max-width: 1920px;
}
/*****************************************/
/*** Main Menu ***/
/*****************************************/
.container-header nav {
  font-variant: small-caps;
  background-color: #f8f8f8;
  margin: 0;
}
.container-header .mod-menu {
  color: #666;
}
.container-header .mod-menu > li + li {
  margin-left: 2.55em;
}
.container-header .mod-menu a {
  padding: 2em 0.5em;
}
.mod-list li {
  padding: 1.75em 0;
}
.container-header .mod-menu a:hover {
  color: #000;
  background-color: #f7aa32;
}
/*****************************************/
/*** Toogler ***/
/*****************************************/
.container-header .navbar-toggler {
  background-color: #666;
  border: 0;
  margin: 1em;
}
/*****************************************/
/*** Container Bottom A und B ***/
/*****************************************/
.container-bottom-a > *, .container-bottom-b > *, .container-top-a > *, .container-top-b > * {
  margin: 2.5em 0;
}
/*****************************************/
/*** Card ***/
/*****************************************/
.card-body {
  padding: 1.75em 0 0.75em 0;
}
/*****************************************/
/*** Tabellen ***/
/*****************************************/
table {
	width:100%;
}
table, td, tr, th {
  border: 1px solid #1a1c18;
  border-collapse: collapse;
  background-color: #e3e6df;
  text-align: left;
}
td, tr, th {
  padding:1em;
}
th {
  background:#eee;
  font-weight: bold;
}
/*****************************************/
/*** Footer ***/
/*****************************************/
.footer {
  background-color: #f8f8f8;
  background-image: none;
  color: #ee7200;
}
/*****************************************/
/*** Footer Menu ***/
/*****************************************/
.metismenu.mod-menu {
  justify-content: center;
}
.metismenu.mod-menu .metismenu-item a:hover {
  color: #666;
}
/*****************************************/
/*** To Top ***/
/*****************************************/
.back-to-top-link {
  background-color: #22262a;
}
.back-to-top-link.visible {
  position: fixed;
}
/*****************************************/
/*** Kategorieblog Startseite ***/
/*****************************************/
.blog-items.masonry-2 {
  text-align: center;
}
/*****************************************/
/*** Media Queries ***/
/*****************************************/
/* Nav Bar */
@media (min-width: 1360px)
.navbar-expand-lg {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
/* Main Menu */
@media (min-width: 992px)
.container-header .mod-menu > li + li {
  margin-left: 2.75em;
}
@media (min-width: 992px) {
  .mod-list li {
    padding: 1.5em 0;
  }
}
@media (min-width: 992px) {
  .container-header .mod-menu a {
    padding: 2em 0.25em;
  }
}
@media (min-width: 992px) {
  .container-header .mod-menu a:hover {
    background-color: #f7aa32;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .mod-list li {
    padding: 0.75em 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .container-header .mod-menu a {
    padding: 0.75em 1em;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .container-header .mod-menu a:hover {
    background-color: transparent;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .mod-list li {
    padding: 0.5em;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .container-header .mod-menu a {
    padding: 0.5em 1em;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .container-header .mod-menu a:hover {
    background-color: transparent;
  }
}
@media (max-width: 575.98px) {
  .mod-list li {
    padding: 0.5em;
  }
}
@media (max-width: 575.98px) {
  .container-header .mod-menu a {
    padding: 0.5em 1em;
  }
}
@media (max-width: 575.98px) {
  .container-header .mod-menu a:hover {
    background-color: transparent;
  }
}
/* Tabellen */
@media screen and (max-width:700px) {
  table, tr, td {
    padding:0;
    border:1px solid black;
	}
	table {
      border:none;
	}
	thead {
      display:none;
	}
	tr {
      float: left;
      width: 100%;
      margin-bottom: 2em;
	}
	td {
      float: left;
      width: 100%;
      padding:1em;
	}
	td::before {
      content:attr(data-label);
      word-wrap: break-word;
      background: #eee;
      border-right:2px solid black;
      width: 20%;
      float:left;
      padding:1em;
      font-weight: bold;
      margin:-1em 1em -1em -1em;
	}
}