/* your custom fonts hier */
html {
  scroll-behavior: smooth;
}
body {
	font-family: 'Mulish', sans-serif;
}
.bg-one {
	background-color: #f4f4f4;
}
.bg-two {
	background-color: #efefef;
}


/* parallax home */
.bg-paral {
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
	background-image: url("../../img/css/header_img_002.jpg");
}
.bg-paral .bg-white {
	opacity: .8;
}
.paralsection {
	background-image: url("../../img/css/header_img_002.jpg");
}
p.back a {
	color: #d32323;
}

/* header */
#header-union {
	position: relative;
}
#header-union::before {
	background-image: linear-gradient(to right, #c62121, #c62121, #ff7d27, #ff7d27, #c62121, #c62121);
	background-size: 100% 5px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	content: '';
	height: 5px;
	right: 0;
	left: 0;
	top: 0;
}
#header-inner {
	height: 250px;
}
#header-bg-container {
	position: absolute!important;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -2;
}
#header-bg-container.has-bg-img {
	background-image: url("../../img/css/header_img_003.jpg");
	background-position: center center;
	background-size: cover;	
	background-repeat: no-repeat;
	background-attachment: scroll;
	display: block;
}

#site-title-tagline {
	font-size: 30px;
	font-weight: 900;
	color: #ff7d27;
	line-height: 1;
}
#site-title-title {
	font-size: 30px;
	font-weight: 900;
	color: #fff;
	line-height: 1;
}

/* header navbar */
#header-menu-container {
	background-color: #d32323!important;
}
#header-menu {
	position: relative;
}
#header-menu .navbar a {
	color: #fff;
	font-weight: 700;
}
#header-menu .navbar .level_2 a {
	color: #d32323;
}
#header-menu .dropdown-item.active,
#header-menu .dropdown-item:active {
	background-color: #ff7d27;
}
#header-menu ul > li {
	position: relative;
	font-size: 20px;
}
#header-menu ul > li::after {
	content: "";
	position: absolute;
	top: -15px;
	height: 5px;
	background: #ff7d27;
	left: 100%;
	right: 100%;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#header-menu ul > li:hover::after,
#header-menu ul > li.active::after {
	left: 0;
	right: 0;
}
#header-menu .customnav-bs-mobile ul > li::after {
	background: none;
}
.navbar-light .navbar-toggler {
	border: none;
}
.navbar-toggler-icon {
	background: #fff;
	height: 4px;
}
.navbar-toggler-icon::before {
	background: #fff;
	height: 4px;
	width: 1.5em;
	display: inline-block;
	content: '';
	position: relative;
	top: -7px;
}
.navbar-toggler-icon::after {
	background: #fff;
	height: 4px;
	width: 1.5em;
	display: inline-block;
	content: '';
	position: relative;
	top: -40px;
}
.navbar.bg-light {
	background-color: transparent!important;
}
.navbar-light .navbar-toggler-icon {
	background-image: none;
}
.customnav-bs-mobile .nav {
	display: block!important;
}

/* header social-bar */
#site-header-icon-wrapper .social-bar {
	position: absolute;
	top: -5px;
	right: 50px;
	z-index: 999;
	background: #2d3a3a;
	min-height: 50px;
}
#site-header-icon-wrapper ul.nav {
	margin: 0;
	padding: 0;
	z-index: 9;
}
#site-header-icon-wrapper li.nav-item {
	border-right: 1px solid rgba(255,255,255,.1);
	line-height: 50px;
	vertical-align: top;
}
#site-header-icon-wrapper a.nav-link {
	color: #fff;
	font-size: 25px;
	min-width: 50px;
	text-align: center;
	padding: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#site-header-icon-wrapper a.nav-link:hover {
	color: #ff7d27;
}
#site-header-icon-wrapper li .fab,
#site-header-icon-wrapper li .far {
	line-height: 50px;
	font-size: 16px;
}

/* header logo */
.header-logo {
	position: absolute;
	top: 15px;
	left: 15px;
}
.header-logo img {
	height: 100px;
}

/* header slider */
.carousel-inner > .carousel-item > img, 
.carousel-inner > .carousel-item > a > img{
width: 100%; /* use this, or not */
margin: auto;
}

/* carousel */
#infoCarousel .carousel-caption {
	background: #2d3a3a;	
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	left: auto;
	width: 30%;
	text-align: inherit;
	padding: 20px;
}
#infoCarousel .slider-img-wrapper {
	width: 70%;
}
#infoCarousel a.carousel-control-prev {
	position: absolute;
	bottom: 40px;
	right: 80px;
	left: auto;
	top: auto;
	width: 40px;
	height: 40px;
	border-right: 1px solid #2d3a3a;
	opacity: 1;
	background-color: #d32323;
}
#infoCarousel a.carousel-control-next {
	position: absolute;
	bottom: 40px;
	right: 40px;
	left: auto;
	top: auto;
	width: 40px;
	height: 40px;
	opacity: 1;
	background-color: #d32323;
}
#infoCarousel ol.carousel-indicators {
	position: absolute;
	top: auto;
	right: 37px;
	bottom: 25px;
	left: auto;
	margin: 0;
}
.slider-desc-wrapper h2 a {
	color: #ff7d27;
	text-decoration: none;
}
.slider-desc-wrapper h2 a:hover {
	color: #fff;
}

/* rsce_wocheninfo */
#weekTabContent .contentcontainer {
	background-color: #fff;
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem;
	border: 1px solid;
	border-color: #fff #dee2e6 #dee2e6;
}
.ce_rsce_wocheninfo .nav-item a {
	color: #d32323;
}

/* rsce naechstes spiel */
.next-match-wrapper {
	background-color: #fff;
	min-height: 460px;
	/* max-height: 460px; */
}
.next-match-wrapper .teaser-wrapper {
	background-color: #d32323;
	color: #fff;
}
.next-match-wrapper .teaser-wrapper p {
	margin-bottom: 0;
}
.next-match-wrapper .teaser-wrapper span:nth-child(1) {
	font-weight: 600;
}
.next-match-wrapper .teaser-wrapper span:nth-child(2) {
	font-weight: 800;
}
.vs {
	font-size: 2rem;
	color: #d32323;
	font-weight: 800;
}
.vs p {
	margin-left: -8px;
}
.player-left,
.player-right {
	font-size: 14px;
}
.match-info-wrapper i.fal {
	width: 20px;
	height: 16px;
	margin-right: 5px;
}

/* newslist */
.info-block-category li {
	margin-bottom: 1rem;
}
.info-block p,
.info-block li {
	font-size: 12px;
}
.home .mod_newslist h1 {
	margin: 0;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	background-color: #d32323;
	text-align: center;
	padding: 1rem;
}
.news-latest-title {
	color: #ff7d27;
	font-size: 22px;
	line-height: 1.5em;
	word-wrap: break-word;	
}
.news-latest-title a {
	color: #ff7d27;
	text-decoration: none;
}
.news-latest-title a:link {
	color: #ff7d27;
}
.news-latest-title a:visited {
	color: #ff7d27;
}
.news-latest-title a:hover {
	color: #ff7d27;
	text-decoration: none;
}
.news-latest-title a:focus {
	color: #ff7d27;
	text-decoration: none;
}
.info-block .info-block-date,
.info-block .info-block-category {
	font-size: 12px;
	color: #a5a5a5;
	font-weight: 500;	
}
.more a {
	color: #d32323;
	font-size: 12px;	
}
.home .layout_latest .image_container.no-image,
.news .layout_latest .image_container.no-image,
.gamereport .layout_latest .image_container.no-image  {
	height: 100%!important;
	background-image: url("../../img/css/logo.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: scroll;
	display: block;
	opacity: .3;
}

/* news full */
.mod_newsreader .layout_full h1 {
	background-color: #ff7d27;
	padding: 30px 40px;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
}
.mod_newsreader .eventListGallery ul {
	padding-left: 0;
}
.mod_newsreader .eventListGallery figure {
	margin-bottom: 0;
}
.mod_newsreader .eventListGallery ul li {
	margin-right: 0;
}
.mod_newsreader .layoutInside {
	padding: 15px;
	background: #fff;
}

/* categorie list */
.news .mod_newscategories ul,
.gamereport .mod_newscategories ul  {
	list-style: none;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
.news .mod_newscategories > ul > li,
.gamereport .mod_newscategories > ul > li {
	position: relative;
	border-bottom: 1px solid #ddd;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.news .mod_newscategories ul li a,
.gamereport .mod_newscategories ul li a {
	color: #6b717e;
}
.news .mod_newscategories > ul > li > ul > li,
.gamereport .mod_newscategories > ul > li > ul > li {
	position: relative; 
	padding-left: 50px;
	margin-top: 10px;
}
.news .mod_newscategories > ul > li .quantity,
.gamereport .mod_newscategories > ul > li .quantity {
	position: absolute;
	top: 0;
	right: 0;
}
.news .mod_newscategories > ul > li > ul > li .quantity,
.gamereport .mod_newscategories > ul > li > ul > li .quantity {
	position: absolute;
	top: 0;	
	right: 0;
}
.news .mod_newscategories > ul > li a .quantity,
.news .mod_newscategories > ul > li .active .quantity,
.news .mod_newscategories > ul > li > ul > li a .quantity,
.gamereport .mod_newscategories > ul > li a .quantity,
.gamereport .mod_newscategories > ul > li .active .quantity,
.gamereport .mod_newscategories > ul > li > ul > li a .quantity {
	text-decoration: none;
	line-height: 1.8;
	font-weight: 700;
	background: #ff7d27;
	text-align: center;
	display: inline-block;
	width: 30px;
	height: 30px;
	color: #fff;
}

/* calendar */
.calendar .mod_eventlist {
	background: #fff;
}
.calendar .mod_eventlist .eventListHeader {
	background: #d32323;
}
.calendar .mod_eventlist .eventListHeader > div {
	border-right: 1px solid #ff7d27;
}
.calendar .mod_eventlist .eventListHeader p {
	padding: 15px;
	margin: 0;
	color: #fff;
	text-align: left;
	font-weight: 700;
}
.calendar .mod_eventlist .eventUpcomingTime,
.calendar .mod_eventlist .eventUpcomingEvent {
	border: 1px solid #ff7d27;
	border-width: 0 0 1px 1px;
	text-align: left;
}
.calendar .mod_eventlist .eventUpcomingEvent {
	border-right: 1px solid #ff7d27;
}
.calendar .mod_eventlist .eventUpcomingTime,
.calendar .mod_eventlist .eventUpcomingEvent a {
	display: block;
	padding: 10px 12px;
}
.calendar .mod_eventlist .eventUpcomingEvent a {
	color: #ff7d27;
	text-decoration: none;
}
.calendar .mod_eventlist .eventUpcomingEvent a:hover {
	color: #d32323;
	text-decoration: none;
}
.mod_eventreader .layout_full h1 {
	background-color: #ff7d27;
	padding: 30px 40px;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
}

/* galerie */
.u12-u13-u14 .ce_gallery .image_container,
.ml1 .ce_gallery .image_container,
.ml2 .ce_gallery .image_container {
	margin-bottom: 0;
}
.u12-u13-u14 .ce_gallery .caption,
.ml1 .ce_gallery .caption,
.ml2 .ce_gallery .caption {
	padding: 10px;
	color: #999;
}

/* ce_text */
.image_container.float-right {
	padding-left: 15px;
	padding-bottom: 15px;
}
.image_container.float-left {
	padding-right: 15px;
	padding-bottom: 15px;
}

/* accordion */
.ce_accordion {
	margin-bottom: 5px;
	padding-bottom: 18px;
	border: 1px solid rgb(220,220,220);
	background: #ccc;
	background: #efefef;
}
.ce_accordion .toggler {
	margin-bottom: 25px;
	margin-top: 25px;
	cursor: pointer;
}
.ce_accordion .accordion {
	padding: 2%;
	border: 0;
	background: none repeat scroll 0 0 #fffefa;
	cursor: default;
}
.ce_accordion .toggler.ui-state-active::before {
    font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
    content: "\f106";
}
.ce_accordion .toggler::before {
	text-shadow: none;
    color: #035c57;
	width: 25px;
	height: 25px;
	float: right;
	clear: both;
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
	padding: 0;
	text-align: center;
    font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	color: rgb(152,152,152);
	content: "\f107";
}

/* kontakt */
.formular-main .btn-primary {
	background-color: #d32323;
	border-color: #d32323;
}
.formular-main .btn-primary:hover {
	background-color: #ff7d27;
	border-color: #ff7d27;
}
.formular-main,
.adress-main,
.adress-hall-main {
	background: #fff;
	padding: 15px;
}
.adress-main {
	margin-bottom: 15px;
}

/*  */
.page-title-main {
	background-color: #ff7d27;
	padding: 30px 40px;
}
.page-title-main h1 {
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
}
.page-title-main p {
	color: #2d3a3a;
	font-size: 26px;
	font-weight: 700;
}
.content-main a {
	color: #d32323;
	text-decoration: none;
}
.content-main a:link {
	color: #d32323;
}
.content-main a:visited {
	color: #d32323;
}
.content-main a:hover {
	color: #ff7d27;
	text-decoration: none;
}
.content-main a:focus {
	color: #ff7d27;
	text-decoration: none;
}


/* footer */
#footer .footer-lower .copyright p {
	color: #9e9e9e;
}
#footer .footer-upper p a {
	color: #9e9e9e;
}
#footer .footer-lower li a {
	color: #9e9e9e;
}
#footer .footer-lower li a:hover {
	color: #666;
}

/* scroll to top - begin*/
/* https://schnittcher.info/blog/contao-scroll-to-top/ */
#to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 12px;
	top: 11px;
	font-size: 27px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#to-top {
	background-color: #d32323;
	z-index: 999;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/* end */

/* preloader  */
/* https://codepen.io/jackrugile/pen/JddmaX */
.loader {
    background: #fff;
    /* background: radial-gradient(#222, #000); */
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
	z-index: -99;
}

.loader-inner {
    bottom: 0;
    height: 60px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}

.loader-line-wrap {
    animation: 
		spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite
	;
    box-sizing: border-box;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform-origin: 50% 100%;
    width: 100px;
}
.loader-line {
    border: 4px solid transparent;
    border-radius: 100%;
    box-sizing: border-box;
    height: 100px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}
.loader-line-wrap:nth-child(1) { animation-delay: -50ms; }
.loader-line-wrap:nth-child(2) { animation-delay: -100ms; }
.loader-line-wrap:nth-child(3) { animation-delay: -150ms; }
.loader-line-wrap:nth-child(4) { animation-delay: -200ms; }
.loader-line-wrap:nth-child(5) { animation-delay: -250ms; }

.loader-line-wrap:nth-child(1) .loader-line {
    border-color: hsl(0, 80%, 60%);
    height: 90px;
    width: 90px;
    top: 7px;
}
.loader-line-wrap:nth-child(2) .loader-line {
    border-color: hsl(60, 80%, 60%);
    height: 76px;
    width: 76px;
    top: 14px;
}
.loader-line-wrap:nth-child(3) .loader-line {
    border-color: hsl(120, 80%, 60%);
    height: 62px;
    width: 62px;
    top: 21px;
}
.loader-line-wrap:nth-child(4) .loader-line {
    border-color: hsl(180, 80%, 60%);
    height: 48px;
    width: 48px;
    top: 28px;
}
.loader-line-wrap:nth-child(5) .loader-line {
    border-color: hsl(240, 80%, 60%);
    height: 34px;
    width: 34px;
    top: 35px;
}

@keyframes spin {
    0%, 15% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* media queries */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) { 
	#site-title-tagline {
		font-size: 20px!important;
	}
	#site-title-title {
    font-size: 20px!important;
    font-weight: 900;
    color: #fff;
    line-height: 1;
	}
	.header-logo {
		left: 0;
	}
	.header-logo img {
		max-height: 70px!important;
	}
	.slider-desc-wrapper h2 {
		font-size: 1.3rem;
	}
	.mod_newsreader .layout_full h1 {
		font-size: 1.3rem;
	}
	#header-inner {
		height: 140px;
	}	
 }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) { 
	#site-title-title {
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
	}
	.header-logo img {
		max-height: 100px!important;
	}
	.slider-desc-wrapper h2 {
		font-size: 1.3rem;
	}
 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 
	.slider-desc-wrapper h2 {
		font-size: 1.3rem;
	}
	#header-inner {
		height: 280px;
	}
 }
 @media (max-width: 767.998px) {
	.border-bottom-right {
		border-bottom: 1px solid #dee2e6;;
		border-right: none;
		margin-bottom: 15px;
	}
 }
 @media (min-width: 768px) {
	.border-bottom-right {
		border-bottom: none;
		border-right: 1px solid #dee2e6;
	}
 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { 
	#header-inner {
		height: 350px;
	}
 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	#header-inner {
		height: 450px;
	}
 }