/* Änderung im Cassiopeia Template */
/* N U R  Z U  D E M O Z W E C K E N */

/* für Kopf und Footer hellblau */
.container-header { background: #E9F2FA; }

/* Hintergrundbild auf Startseite */
body.site {
	background: transparent;
 	background-image: url(../../../../../images/nicepage-images/Trianon_start.png);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

/* back-to-top immer sichtbar*/
#back-top { position: fixed; }

/* Brand */
.navbar-brand {
  font-size: 1rem !important;
}

.brand-logo {
  display: inline-block;
  border-radius: 20px;
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 1rem;
  font-family: sans-serif;
  text-decoration: none;
  color: white;
  background-color: #478AC9;
  text-align: center;
  position: relative;
  transition: all .4s;
}

.brand-logo:hover{
  background-color: #112855;
  color: white;
}

/*
a.brand-logo:link {
  background-color: #478AC9;
  border-radius: 20px;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
*/

/* Tabellenbereich stauchen */
@supports (display:grid) {
  .site-grid>[class^=container-],
  .site-grid>[class*=\ container-] {
    column-gap:1em;
    width:80%;
    max-width:none
  }
}

/* Beitragsüberschrift zentrieren */
.page-header {
  text-align: center;
}

/* Tabellenformatierung für Beiträge */
/* -------------------------------------------- */

/* Unterstreichungen der Beiträge ausschalten */
a:not([class]) {
  text-decoration:none;
}

/* Hover Attribut dunkeler */
.table-hover>tbody>tr:hover>* {
  --table-color-state:var(--table-hover-color);
  --table-bg-state: #b0b0b0;
}

// tr:hover { background-color: #f54927 !important; }

/* einfacher Button */
/* https://webdeasy.de/en/css-buttons-en/ */
/* #18 Swipe Right Button */

.back2list{
  display: inline-block;
  margin-top: 40px;
  margin-left: 40px;
  border-radius: 20px;
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 1rem;
  font-family: sans-serif;
  text-decoration: none;
  color: white;
  background-color: #478AC9;
  text-align: center;
  position: relative;
  transition: all .4s;
}

.back2list:hover{
  background-color: #112855;
  color: white;
}