/* Farbpalette

https://coolors.co/palette/d8f3dc-b7e4c7-95d5b2-74c69d-52b788-40916c-2d6a4f-1b4332-081c15

--nyanza: #d8f3dcff;
--celadon: #b7e4c7ff;
--celadon-2: #95d5b2ff;
--mint: #74c69dff;
--mint-2: #52b788ff;
--sea-green: #40916cff;
--dartmouth-green: #2d6a4fff;
--brunswick-green: #1b4332ff;
--dark-green: #081c15ff;
*/

/* Logo effect */
img[alt="sb_white_trans2"], img[alt="Shadowbane"] {
  /*width: 250px;
  aspect-ratio: 1;
  border-radius: 20px;*/
  transition:1.5s;
  cursor: pointer;
  -webkit-mask: 
    linear-gradient(135deg,#000a 40%,#000,#000a 60%)
    100% 100%/250% 250%;
}
img[alt="sb_white_trans2"]:hover, img[alt="Shadowbane"]:hover {
  -webkit-mask-position: 0 0;
}


/* Background Colors */
#header {
	background: #081C15;
}

.bg-gray {
	background: #081C15 !important;
}

.overlay-dark-gradient .image-overlay {
	background: linear-gradient(to bottom,rgba(8,28,21,.5),rgba(8,28,21,.2));
}

/* Text Colors */
body {
	color: #d8f3dc;
}
h1, h2, h3, h4, h5, h6 {
	color: #d8f3dc;
}


/* Top Menu */
.dropmenu ul li a:hover {
  color: #52B788 !important;
}
.dropmenu ul li a.active, .dropmenu ul li a:focus, .dropmenu ul li a:hover {
	color: #52B788 !important;
}

/* Borders */ 
.modular-text {
	padding-top: 0;
	padding-bottom: 3rem;
}

/* Feature/Socials Buttons */
.modular-features.small .feature-icon i {
	color: #d8f3dc;
}


.modular-features.small .column:hover .feature-icon i {
	color: #52B788;
}
.modular-features .column:hover .feature-icon h6 {
	color: #52B788;
}
.modular-features .feature-icon h6 {
	background: none;
}

/* Tabelle */
table {
  width: 90%;
    margin-left: auto;
    margin-right: auto;
}
th {
  background-color: #40916C;
  color: #081c15ff
}
tr:nth-child(even) {background-color: #1B4332;}


/* Footer */
a {
	color: #52B788;
	outline: 0;
	text-decoration: none;
}
a.active, a:active, a:focus, a:hover {
        color: #FFFFFF !important;
        text-decoration: none;
}
a:visited {
	color: #52B788;
}


/* Mobile Page */

.mobile-menu .button_container span {
	background: #52B788;
	border: none;
	height: 4px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .35s ease;
	cursor: pointer;
}

/* Mobile Menu */
.overlay-menu {
	height: calc(100% - 90px);
	overflow-y: scroll;
	background-color: #081C15;
}
.treemenu li a.active, .treemenu li a:focus, .treemenu li a:hover {
	color: #d8f3dc !important;
	text-decoration: none;
}
.treemenu li {
	list-style: none;
	line-height: 4rem;
}
.treemenu li a {
	display: block;
	margin-left: 2rem;
	font-size: 2rem;
}
.treemenu .toggler {
	cursor: pointer;
	vertical-align: top;
	font-size: 0rem;
	line-height: unset;
	padding-left: 5px;
	float: left;
}
body.header-fixed.header-animated #header.scrolled ~ .mobile-menu .button_container {
	top: 1rem;
}

/* Header BG Image 
#header {
	background: #081C15;
	background-image: url("http://192.168.178.150:8010/user/pages/modular/01._hero/sb_white_trans2.png");
	background-size: 60% 100%;
	background-repeat: no-repeat;
	background-position: center;
}
*/
.mobile-menu .button_container {
	position: absolute;
	top: 1.3rem;
	right: 2rem;
	height: 24px;
	width: 28px;
	cursor: pointer;
	z-index: 100;
	transition: opacity .25s ease,top .5s ease;
}