@font-face {
	font-family: 'bootstrap-icons';
	src: url(../fonts/bootstrap-icons.woff2) format('woff2'),
		 url(../fonts/bootstrap-icons.woff) format('woff');
}

/* cookies start */
#_syreta_cc_container ._syreta_cc_modal_dialog ._syreta_cc_modal_content ._syreta_cc_modal_footer button.outline {
	border-color: #999!important;
	color: #999!important;
	background-color: #fff!important;
	box-shadow: none!important;
}
#_syreta_cc_container ._syreta_cc_modal_dialog ._syreta_cc_modal_content ._syreta_cc_modal_footer button,
#_syreta_cc_container ._syreta_cc_modal_dialog ._syreta_cc_modal_content ._syreta_cc_modal_footer button.outline:hover,
#_syreta_cc_container ._syreta_cc_modal_dialog ._syreta_cc_modal_content ._syreta_cc_modal_footer button:hover,
#_syreta_cc_container ._syreta_cc_modal_dialog ._syreta_cc_modal_content ._syreta_cc_modal_footer button:not(:disabled):not(.disabled).active,
#_syreta_cc_container ._syreta_cc_modal_dialog ._syreta_cc_modal_content ._syreta_cc_modal_footer button:not(:disabled):not(.disabled):active {
	border-color: #999!important;
	background-color: #999!important;
	color: #fff!important;
	box-shadow: none!important;
}
/* cookies end */

a.text-light {
	text-decoration: none;
	border-bottom: 2px solid #ffffff00;
	transition: 225ms all ease;
}
a.text-light:hover {
	border-bottom: 2px solid #ffffff;
}
.text-light a {
	color: #fff;
}
.btn {
	border-radius: 25px;
	padding: 10px 65px;
	font-weight: 400;
	font-size: 14px;
}
.btn-weiss {
	background-color: #fff;
	width: max-content;
}
.btn-schwarz {
	background-color: #000;
	color: #fff;
	width: max-content;
}
 .btn-gruen {
	background-color: #3b4235;
	color: #fff;
	width: max-content;
}
.btn-weiss:hover {
	background-color: #b8b8b8;
}
.btn-schwarz:hover {
	background-color: #3b3b3b;
}
.btn-gruen:hover {
	background-color: #51584a;
}
a {
	text-decoration: none;
}
a .text-light {
	text-decoration: none;
	border-bottom: 2px solid transparent;
	width: fit-content;
	transition: 125ms ease all;
}
a:hover .text-light {
	border-bottom: 2px solid #fff;
}
body.whiteStyle a:hover .text-light {
	border-bottom: 2px solid #000;
}
.border-none {
	border: none !important;
}
.circleButton {
	background: none;
	color: #999999;
	border: 1px solid #999;
	border-radius: 50%;
	aspect-ratio: 1/1;
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 125ms ease all;
}
.circleButton:hover {
	border: 1px solid #777777;
	color: #777777;
}
.w-fit {
	width: fit-content;
}
.round-img {
	border: transparent 1px solid;
	border-radius: 50%;
}
.bg-grey {
	background-color: #a5a5a5;
}
.btn-grey {
	background-color: #999999 !important;
	transition: 250ms ease all;
}
.btn-grey:hover {
	background-color: #b9b9b9 !important;
}
body.whiteStyle .btn-grey {
	background-color: #000;
	color: #fff;
	transition: 250ms ease all
}
body.whiteStyle .btn-grey:hover {
	background-color: #222222;
	color: #fff;
	transition: 250ms ease all
}
.dynSyretaDiv {
	display: none;
}
#content {
	padding-top: 168px;
}
/* Body Start*/
body {
	background-image: url(../images/background.webp);
	background-attachment: fixed;
	background-size: cover;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
/* Body End */
/* Header Start */
header .outer{
	background-color: #000;
}
header {
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
}
header .quantity.cart-quantity {
	top: -8px;
    right: -9px;
    background-color: #28a745;
    padding: 5px;
    border-radius: 50%;
    height: 19px;
    width: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}
header .nav-item.active a.nav-link {
	border-bottom: #fff 2px solid;
}
header .dropdown-item.active {
	background:none;
	color: #000;
}
header .dropdown-item.active {
	border-bottom: #000 2px solid !important;
}
body:not(.scrolled) header .outer.logoContainer {
	height: 107px;
	transition: all 250ms ease;
}
body.scrolled header .outer.logoContainer{
	height: 70px;
	transition: all 250ms ease;
}
body.scrolled header .notScroll{
	display: none;
}
body:not(.scrolled) header .notScroll{
	display: block;
}
body.scrolled header .ScrolledLogo{
	display: block;
}
body:not(.scrolled) header .ScrolledLogo{
	display: none;
}

nav.navbar .nav-item .nav-link,
.nav-item{
	color: #fff;
	text-decoration: none;
	border-bottom: #ffffff00 2px solid;
	font-weight: 600;
	padding: 0;
	margin: 0 5px;
	transition: all 150ms ease;
	list-style-type: none;
}
nav.navbar li.nav-item:hover  a.nav-link{
	border-bottom: #fff 2px solid;
}
header .outer .dropdown-menu {
	left: -116% !important;
	top: 30px !important;
	width: fit-content;
}

header .dropdown-menu .dropdown-item {
	border-bottom: 2px solid transparent;
	transition: all 125ms ease;
	padding: 0;
	margin: 4px 16px;
	width: fit-content;
}
header .dropdown-menu .dropdown-item:is(:active, :focus, :hover) {
	background-color: #fff;
	color: #4d4d4d;
	border-bottom: 2px solid #4d4d4d;
}
.collapse.navbar-collapse.d-flex  {
	right: 0;
	width: 277px;
	height: calc(100vh - 164px);
	display: block;
	background-color: #000;
	transition: right 225ms ease-in-out;
}
.collapse.navbar-collapse.d-flex.closed  {
	right: -277px;
	width: 277px;
}
.collapse.navbar-collapse.d-flex .nav-item:not(.bd-none) {
	border-bottom: 1px solid #98989e;
	padding: 0 10px;
	margin: 0;
}
header .searchContainer {
	position: absolute;
	top: 40px;
	background-color: #000;
	padding: 10px 20px;
	width: 160%;
}
/* Header End */
/* Body Wrapper Start*/
body .wrapper {
	background-color: #1a1a1a;
}
body.whiteStyle .wrapper {
	background-color: #fff;
}
body.whiteStyle .wrapper .text-light:not(.stayWhite),
body.whiteStyle .wrapper .text-light:not(.stayWhite) a,
body.whiteStyle .wrapper .text-light:not(.stayWhite) a:not(.stayWhite) {
	color: #121212 !important;
}
/* Body Wrapper End*/
/* topStories Start */
.tmplTopStories .text {
	bottom: 10px;
}
.tmplNewsTeaser .overlay,
.tmplTopStories .img .overlay{
	height: 100%;
    width: 100%;
    position: absolute;
    background: linear-gradient(to top, rgba(0, 0, 0, .5) 25%, transparent 30%);
}
.tmplTopStories .topStories .entrie a{
	width: fit-content;
}
.tmplTopStories .topStories .entrie:not(:last-child) {
	border-bottom: 1px solid #ffffff26;
}
.tmplTopStories :is(.sub, .sub2),
.tmplTopStories :is(.sub, .sub2) a {
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}
.tmplTopStories :is(.sub, .sub2) a:hover {
	border-bottom: 2px solid #fff;
}
/* topStories End */
/* Videos Verweis Start */
.tmplVideosShowcase .sideEntry .description {
	color: #98989e;
}
.tmplVideosShowcase .sideEntry a{
	color: #fff;
	text-decoration: none;
}
.tmplVideosShowcase .sideEntry .title {
	font-weight: 600;
}
.tmplVideosShowcase .sideEntry {
	border-bottom: 1px solid #ffffff26;
}
.tmplVideosShowcase .thumbnail.bigImg i {
	position: absolute;
	top: 15px;
	left: 15px;
}
.tmplVideosShowcase .thumbnail i {
	position: absolute;
	bottom: 1px;
    left: 1px;
}
/* Videos Verweis End */
/* tmplNewsTeaser Start */
.tmplNewsTeaser .headline {
	display: -webkit-box;
    -webkit-line-clamp: 2; /* Adjust number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* tmplNewsTeaser End */
/* LoginRegister Start */
.tmplLoginRegister .forgotPassword  {
	cursor: pointer;
	border-bottom: 2px solid transparent;
	transition: 125ms ease all;
}
.tmplLoginRegister .forgotPassword:hover {
	border-bottom: 2px solid #fff;
}
/* LoginRegister End */
/* tmplTextMitBild Start*/
.tmplTextMitBild .bg-white *,
.tmplTextMitBild .bg-white .text-light:not(.stayWhite){
	color: #000 !important;
}
.tmplTextMitBild .bg-white .btn-grey {
	background-color: #000 !important;
	color: #fff !important;
	transition: 250ms ease all
}
.tmplTextMitBild .bg-white .btn-grey:hover {
	background-color: #494949 !important;
	color: #fff !important;
	transition: 250ms ease all
}
/* tmplTextMitBild End*/
/* tmplBanner Start */
.tmplBanner .banner :is(video, img) {
	width: 100%;
}
.tmplBanner .headline {
	margin-left: -1px;
}
/* tmplBanner End */
/* tmplNews Start */
.newsMenue .listEntry a {
	display: block;
}
.newsMenue .col-9 {
	width: 75% !important;
}
.newsMenue .wrap {
	width: 100%;
	height: 100%;
}
.newsMenue .wrap img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.newsMenue .listEntry a div.row{
	min-height: 70px;
}
.newsMenue a.newsEntry .text-light div {
	border-bottom: 2px solid transparent;
	width: fit-content;
}
.newsMenue a.newsEntry:hover .text-light div {
	border-bottom: 2px solid #fff;
}
body.whiteStyle .newsMenue a.newsEntry .text-light div {
	border-bottom: 2px solid transparent;
	width: fit-content;
}
body.whiteStyle .newsMenue a.newsEntry:hover .text-light div {
	border-bottom: 2px solid #000;
}
.newsMenue .activeEntry {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 7px;
	background-color: #222222;
}
.tmplNewsTeaser .threeLiner {
	position: absolute;
	bottom: 15px;
	left: 15px;
}
.tmplNewsTeaser .threeLiner div {
	background-color: #fff;
	width: 30px;
	height: 4px;
	margin-bottom: 3px;
}
.tmplNewsTeaser .threeLiner div:last-child {
	width: 15px;
}
/* tmplNews End */
/* tmplDreiSpalter Start */
.tmplDreiSpalter .btn {
	padding: 4px 8px;
}
.tmplDreiSpalter .btn:not(.posRight) {
	bottom: 10px;
	left: 25px;
}
.tmplDreiSpalter .btn.posRight {
	bottom: 10px;
	right: 25px !important;
}
/* tmplDreiSpalter End */
/* tmplLinie Start*/
.tmplLinie .line{
	height: 1px;
	width: 100%;
	background: #d8d8d8af;
}
body.whiteStyle .tmplLinie .line{
	height: 1px;
	width: 100%;
	background: #141414af;
}

/* tmplLinie End*/
.tmplMKPW .showReceipt {
	border: none;
}
.tmplMKPW .showReceipt:active {
	border: none;
	font-weight: 600;
}
/* tmplStanding Start */
.tmplSpielplanTabelle .table {
    background-color: #fff;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin: 20px 0;
}

.tmplSpielplanTabelle .table thead {
    background-color: #b4b4b4;
}

.tmplSpielplanTabelle .table th {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    padding: 12px 8px;
    text-align: center;
    border-bottom: 1px solid #b4b4b4;
	border-top: 1px solid #b4b4b4;
    white-space: nowrap;
}
.tmplSpielplanTabelle .box {
	background-color: #d8d8d8;
	font-size: 14px;
	padding: 3px;
	text-align: center;
}
.tmplSpielplanTabelle .table tbody tr {
    border-bottom: 1px solid #e9ecef;
	font-size: 16px;
}
.tmplSpielplanTabelle .table {
	border-collapse: collapse
}
.tmplSpielplanTabelle .table .team-rank {
	font-size: 16px;
}

.tmplSpielplanTabelle .table tbody tr:nth-child(odd) {
    background-color: #f8f9fa;
}

.tmplSpielplanTabelle .table tbody tr:nth-child(even) {
    background-color: #fff;
}

.tmplSpielplanTabelle .table tbody tr:hover {
    background-color: #e3f2fd;
}

.tmplSpielplanTabelle .table td {
    padding: 10px 8px;
    text-align: center;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #e9ecef;
}

.tmplSpielplanTabelle .table .team-name {
    text-align: left;
    font-weight: 400;
    color: #2c3e50;
	width: 275px;
}

.tmplSpielplanTabelle .table .team-logo {
    width: 42px;
    height: 42px;
    margin-right: 8px;
    vertical-align: middle;
}

.tmplSpielplanTabelle .table .points-column {
    background-color: #e8f4f8;
    font-weight: 700;
    color: #2c3e50;
}

.tmplSpielplanTabelle .table .positive {
    color: #28a745;
}

.tmplSpielplanTabelle .table .negative {
    color: #dc3545;
}

.tmplSpielplanTabelle .table {
	border-radius: 0;
	box-shadow: none;
}
.tmplSpielplanTabelle .table .rank {
    font-weight: 700;
    color: #2c3e50;
    background-color: #f8f9fa;
}
.tmplSpielplanTabelle .table tr.grizz {
	border: 2px solid #818181;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.tmplSpielplanTabelle .table {
		font-size: 11px;
	}
	
	.tmplSpielplanTabelle .table th,
	.tmplSpielplanTabelle .table td {
		padding: 6px 4px;
	}
	
	.tmplSpielplanTabelle {
		overflow-x: auto;
	}
	
	.tmplSpielplanTabelle .table {
		min-width: 600px;
	}
}
/* tmplStanding End */
/* Artikellist Start */
.tmplArtikelVerweis .artikelItem {
	color: #fff;
}
.tmplArtikelVerweis .prdImg {
	width: 300px;
	height: 300px;
}
.tmplArtikelVerweis .prdImg img {
	object-fit: cover;
}
.tmplArtikelVerweis .artikelItem:hover {
	text-decoration: underline;
}
.tmplArtikelVerweis .artList .imgContainer {
	position: relative;
}
.tmplArtikelVerweis .artList .imgContainer .onHover {
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	transition: 450ms ease-in-out all;
}
.tmplArtikelVerweis .artList .imgContainer .notHover {
	transition: 450ms ease-in-out all;
	opacity: 1;
}
.tmplArtikelVerweis .artList .imgContainer:hover .notHover {
	opacity: 0;
}
.tmplArtikelVerweis .artList .imgContainer:hover .onHover {
	opacity: 1;
}
.tmplArtikeldetail .mutItem {
	width: 60px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 50px;
	background-color: #1A1A1A;
	color: #fff;
	border: 1px solid #2c3e508e;
	font-weight: 600;
	border-radius: 4px;
}
.tmplArtikeldetail .description {
	color: #b6b6b6;
}
.tmplArtikeldetail .mutationSelector a.noStock {
	position: relative;
}
.tmplArtikeldetail .mutationSelector a.noStock::after {
    content: "";
    position: absolute;
    width: 62px;
    rotate: -34.5deg;
    top: 17px;
    left: -6px;
    height: 2px;
    background: #000000;
    display: block;
    border: 1px solid transparent;
    border-radius: 77px;
}
.tmplArtikeldetail .mutItem.active {
	/* background-color: #3a6132; */
	border: 3px solid #3a6132;
}
.tmplArtikeldetail .stockinfo {
	display: flex;
	align-items: center;
}
.tmplArtikeldetail .stockinfo  .ball {
	width: 6px;
	height: 6px;
	margin-right: 10px;
	border-radius: 50%;
}
.tmplArtikeldetail .stockinfo.lowStock .ball {
	width: 6px;
	height: 6px;
	background-color: #ff8800;
}
.tmplArtikeldetail .stockinfo.fullStock .ball {
	width: 6px;
	height: 6px;
	background-color: #58dd00;
}
.tmplArtikeldetail .stockinfo.lowStock {
	color: #ffa600;
}
.tmplArtikeldetail .stockinfo.fullStock {
	color: #58dd00;
}
.tmplArtikeldetail a.noStock .mutItem {
	background-color: #a8a8a8;
}
.tmplArtikeldetail .sliderImg img{
	width: 100%;
}

.tmplArtikeldetail .slideControl {
	aspect-ratio: 1/1;
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 50%;
	bottom: 25px;
}
.tmplArtikeldetail .slideControl.rightArrow {
	left: calc(100% - 100px);
}
.tmplArtikeldetail .slideControl.leftArrow {
	left: calc(100% - 175px);
}
.tmplArtikeldetail .slideControl i{
	font-size: 26px;
	-webkit-text-stroke: 2px;
}
.oldPrice span {
	font-size: 14px;
	font-weight: 300;
	text-decoration: line-through;
	color: #727272;
	white-space: nowrap
}
.tmplArtikeldetail .wkButton {
	font-size: 18px;
	background-color: #2c3e50;
	color: #fff;
	font-weight: 600;
}
.tmplArtikeldetail .wkButton:hover {
	background-color: #1e2933;
}
/* Artikellist End */

/* wklist start */
.tmplWkList input.wkListQty::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.tmplWkList input.wkListQty[type=number] {
    -moz-appearance:textfield; /* Firefox */
	width: 25%;
	margin: 0 auto;
}
/* wklist end */
/* wkBezahlen start */
.paymentTypes .entry .inner{
	border: 3px solid transparent;
	transition: all 150ms ease;
}
.paymentTypes .entry.active .inner{
	border: 3px solid #28a745;
	border-radius: 5px;
	background-color: #1e2933;
}
/* wkBezahlen end */
/* wkAdresse start */
.versandSelect .versandOption {
	padding: 25px 35px;
	border: 3px solid #1e2933;
	transition: all 150ms ease;
	border-radius: 3px;
}
.versandSelect .versandOption.active {
	border: 3px solid #28a745;
	border-radius: 5px;
	background-color: #1e2933;
}
/* wkAdresse end */
/* wkReview start */
.itemListReview .price .oldPrice {
	color: #b1b1b1;
}
/* wkReview end */
/* tmplSponsoren Start */
.tmplSponsoren .entry img {
	max-height: 170px;
	margin: 0 auto;
}
/* tmplSponsoren End */
/* tmplVideoSeite start */

/* tmplVideoSeite end */

/* tmplTeamVerweis */
.tmplTeamVerweis .memberPic {
	width: 45px;
	height: 45px;
	object-fit: cover;
}
.tmplTeamVerweis .teamTable {
	min-width: 920px;
}
.tmplTeamVerweis .heading.h2 {
	margin-left: -1px;
}

/* Footer Start */
footer .outer.part1 {
	background-color: #000;
}
footer .iconContainer {
	border: 1px solid #98989e;
	border-radius: 50%;
	height: 32px;
	width: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 4px;
	transition: all 250ms ease;
}
footer .iconContainer i{
	color:  #98989e;
	transition: all 250ms ease;
}
footer .iconContainer:hover {
	border: #fff 1px solid;
}
footer .iconContainer:hover i {
	color: #fff;
}
footer .footer-links a {
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid #ffffff00;
	transition: all 150ms ease;
	margin: 0 20px;

}
footer .footer-links a:hover {
	color: #fff;
	border-bottom: 2px solid #fff;
}
footer .part1 .text {
	color: #98989e;
}
footer .outer.part2 {
	background-color: #fff;
}
footer .part2 .siteLinks a{
	color: #000;
	border-bottom: 2px solid #000;
	text-decoration: none;
	height: fit-content;
	transition: all 125ms ease;
	margin: 0 15px;
}
footer .part2 .siteLinks a:hover{
	border-bottom: 2px solid #000;	
	
}
footer .part2 .siteLinks a:first-child {
	margin-left: 0;
}
/* Footer End */
@media (max-width: 1400px) {
	.tmplArtikelVerweis .prdImg {
		width: 230px;
		height: 230px;
	}
}
@media (max-width: 1200px) {
	footer .part2 .siteLinks a:first-child {
	margin-left: 15px;
	}
	.h3 {
		font-size: 16px;
	}
	.tmplNewsTeaser .overlay,
	.tmplTopStories .img .overlay {
		background: linear-gradient(to top, rgba(0, 0, 0, .5) 37%, transparent 74%);
	}
	.tmplWkList input.wkListQty[type=number] {
		-moz-appearance: textfield; /* Firefox */
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}
	.tmplArtikeldetail .artikelItem {
		width: 250px;
	}
}
@media (max-width: 991px) {
	header .searchContainer {
		width: 100%;
	}
	#content {
		padding-top: 164px;
	}
}
@media (max-width: 767px) {
	.newsMenue {
		border-right: none !important;
	}
	.tmplVideoArchiv .videoListe.border-start {
		border: none !important;
	}

}

.text  a {
	text-decoration: underline;
	font-weight: 300;
}

.mg-top-klein {
	margin-top: 15px;
}
.mg-top-mittel {
	margin-top: 30px;
}
.mg-top-gross {
	margin-top: 45px;
}
.mg-bottom-klein {
	margin-bottom: 15px;
}
.mg-bottom-mittel {
	margin-bottom: 30px;
}
.mg-bottom-gross {
	margin-bottom: 45px;
}
.form-check .form-check-input {
    margin-top: 8px;
}

.tmpl404 .heading {
	font-size: 80px;
	letter-spacing: 2px;
}
.tmpl404 p {
	color: #FFF;
	font-size: 28px;
}