:root {
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-monospace: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 300;
}

/* Custom Colors */

.clancolor-primary {
  color: #710302!important;
}

.clancolor-primary-bg {
  background-color: #710302!important;
}

.clancolor-secondary {
  color: #212529!important;
}

.clancolor-secondary-bg {
  background-color: #212529!important;
}

.text-muted {
  color: #868e96!important;
}

.back-grey {
  background-color: #f4f5f7;
}

.back-fraghouse {
  background-color: #555957;
}

.back-fraghouse-hell {
  background-color: #8C8C8C;
}

/* Links */

a {
  color: #1f2b31;
}

a:hover {
  color: #710302;
}

/* Navbar */

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .625rem;
  padding-left: .625rem;
  color: rgba(255,255,255,.5);
}

.navbar-expand-lg .navbar-nav .nav-link.active {
  color: #fff !important;
}

@media (max-width: 991px) {
  .navbar-scroll {
    background-color: #23242a;
  }
}

.navbar-scroll .navbar-brand {
  color: #fff;
}

.navbar-scroll:hover .nav-link:hover {
  color: #c0c4c9;
}

.navbar-scrolled {
  background-color: #23242a;
}

.navbar-scrolled .navbar-brand,
.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars {
  color: rgba(255,255,255,.75);
}

.navbar-scrolled:hover .nav-link:hover {
  color: #fff;
}

.navbar-footer .nav-link{
  color: rgba(255,255,255,.75);
}

.navbar-footer:hover .nav-link:hover {
  color: #fff;
}

/* Social Icons Hover Color */
.nav-link:hover .nav-link-facebook:hover,
.navbar-scroll:hover .nav-link-facebook:hover,
.navbar-scrolled:hover .nav-link-facebook:hover {
	color: #3b5998;
}

.nav-link-instagram:hover {
	color: #F56040;
	display: block;
    background: -webkit-linear-gradient(315deg, rgba(64,93,230,1) 0%, rgba(253,29,29,1) 50%, rgba(255,220,128,1) 100%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nav-link-twitch:hover {
	color: #6441a5 !important;
}

.nav-link-youtube:hover {
	color: #FF0000 !important;
}

.nav-link-steam:hover {
	color: #2a475e;
    display: block;
    background: -webkit-linear-gradient(rgba(27,40,56,1) 0%, rgba(42,71,94,1) 30%, rgba(102,192,244,1) 100%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nav-link-steam-back:hover {
	background: #fff;
    width: 1.33em;
    height: 1.33em;
    border-radius: 50%;
	background-position: 50% 50%;

}

.nav-link-ts3:hover {
	color: #2880C3 !important;
}

.nav-link-discord:hover {
	color: #5865F2 !important;
}

/* Social Icons contakt Color */
.nav-centered {
	justify-content: center;
}

.cont-link {
	padding-right: .625rem;
    padding-left: .625rem;
	transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06);
}

.cont-link-facebook {
	color: #3b5998 !important;
}

.cont-link-facebook-background {
	background-color: #3b5998 !important;
}

.cont-link-instagram {
	color: #F56040;
	display: block;
    background: -webkit-linear-gradient(315deg, rgba(64,93,230,1) 0%, rgba(253,29,29,1) 50%, rgba(255,220,128,1) 100%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cont-link-twitch {
	color: #6441a5 !important;
}

.cont-link-youtube {
	color: #FF0000 !important;
}

.cont-link-steam {
	color: #2a475e;
    display: block;
    background: -webkit-linear-gradient(rgba(27,40,56,1) 0%, rgba(42,71,94,1) 30%, rgba(102,192,244,1) 100%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cont-link-steam-back {
	background: #fff;
    width: 1.33em;
    height: 1.33em;
    border-radius: 50%;
	background-position: 50% 50%;

}

.cont-link-ts3 {
	color: #2880C3 !important;
}

.cont-link-discord {
	color: #5865F2 !important;
}

/* /Navbar */

.table tr td.p-tb {
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}

.table tr th,
.table tr td {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.img-ichlogo {
  max-width: 50%;
}

/* Dropdown */

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

/* Index Header */

#intro {
  background-image: url("/img/pixabay-keyboard-5466431.jpg");
  height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Partyinfos */

.mato{
  margin-top: 6rem!important;
}

.list-group-info{
  background-color: transparent!important;
}

/* Testmonials */

.testimonial-card .card-up {
  height: 120px;
  overflow: hidden;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.testimonial-card .avatar {
  width: 110px;
  margin-top: -60px;
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: 50%;
}

.custom-title {
  font-size: 2rem;
}
@media (min-width: 1025px) {
  .custom-title {
    font-size: 2.5rem;
  }
}

.btn-ichclan {
  text-transform: none;
}

.carousel-btn-black {
  color: #000;
}

.carousel-padding-cust {
  padding: 0 20px !important
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

/* News */

.news-color-grey {
  background-color: rgba(90,97,105,.06)!important;
}

.card {
  box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%),
  0 0.9375rem 1.40625rem rgb(90 97 105 / 10%),
  0 0.25rem 0.53125rem rgb(90 97 105 / 12%),
  0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
}

.poster {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  margin-right: 1rem;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0,0,0,.6);
  background-color: #eceff1;
  border-radius: 16px;
  transition: opacity .3s linear;
  text-transform: none;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 42px;
  border-radius: 21px;
  box-sizing: border-box;
}

.poster img {
  width: inherit;
  height: inherit;
  border-radius: 100%;
  margin: 0 8px 0 -12px;
}

.text-vmiddle {
  margin-top: auto!important;
  margin-bottom: auto!important;
}

/* (A) FIXED WRAPPER */
.hwrap {
  overflow: hidden; /* HIDE SCROLL BAR */
  background: #eee;
}
 
/* (B) MOVING TICKER WRAPPER */
.hmove { display: flex; }

/* (C) ITEMS - INTO A LONG HORIZONTAL ROW */
.hitem {
  flex-shrink: 0;
  width: 80%;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
}
 
/* (D) ANIMATION - MOVE ITEMS FROM RIGHT TO LEFT */
/* 4 ITEMS -400%, CHANGE THIS IF YOU ADD/REMOVE ITEMS */
@keyframes tickerh {
  0% { transform: translate3d(100%, 0, 0); }
  100% { transform: translate3d(-400%, 0, 0); }
}
.hmove { animation: tickerh linear 40s infinite; }
.hmove:hover { animation-play-state: paused; }

@media only screen and (max-width: 768px) {
  .hmove { animation-duration: 30s; }
}

.border-news {
  border: 1px solid #bdbdbd!important;
}

/* The actual timeline (the vertical ruler) */
.main-timeline-5 {
  position: relative;
  max-width: 80%;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.main-timeline-5::after {
  content: '';
  position: absolute;
  width: 3px;
  background-color: #fff;
  top: 0;
  bottom: 0;
  left: auto;
  margin-left: -3px;
}

/* Container around content */
.timeline-5 {
  position: relative;
  background-color: inherit;
  width: 100%;
}

/* The circles on the timeline */
.timeline-5::after {
  content: '';
  position: absolute;
  width: 17px;
  height: 17px;
  right: 1px;
  background-color: #fff;
  top: 18px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the right */
.right-5 {
  padding: 0px 0px 20px 40px;
  left: auto;
}

/* Add arrows to the right container (pointing left) */
.right-5::before {
  content: " ";
  position: absolute;
  top: 18px;
  z-index: 1;
  left: 30px;
  border: medium solid #fff;
  border-width: 10px 10px 10px 0;
  border-color: transparent #fff transparent transparent;
}

/* Fix the circle for containers on the right side */
.right-5::after {
  left: -10px;
}

@media (max-width: 991px) {
  .main-timeline-5 {
    max-width: 100%;
  }
}
.gradient-custom-5 {
  /* fallback for old browsers */
  background: rgb(33,37,41);

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, rgba(113,3,2,1), rgba(33,37,41,1));

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, rgba(113,3,2,1), rgba(33,37,41,1))
}

/* Other */

.pth {
  padding-top: 4.2rem!important;
  background-color: #23242a;
}

@media (min-width: 992px) {
  .fixed-bottom-cust {
    bottom: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
  }
}

.section-title {
  position: relative;
}

.section-title:after {
  content: '';
  width: 30px;
  height: 2px;
  background: #710302;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  bottom: -20px;
}

.input-group-text-news {
  height: auto!important;
}

.multi-carousel-background {
  background-color: #F4F4F4;
  border-radius: 0.25rem!important;
}