/*triathlon.... css
hintergrund - schwarz 80%
$primary:       $gray-100;
$secondary:     #fdd05a; gelb
$success:       $green;
$info:          $cyan;
$warning:       $yellow;
$danger:        $red;
$light:         $gray-100;
$dark:          $gray-900;

hover: rgb(109,93,150) #D26EBB
primary: d40075*/

/*body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  background-image: url('img/Background.svg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}*/


:root{
	--hover: #FF9EE7 !important;
	--teamImg: url('http://triathlonteamthueringen.de/img/IMG_2771.JPG');
	--darkM-black: #211219;
	--darkM-white: #e6e6e6;
	--lightM-white: #efecf0;
}

body {
	background-color: var(--lightM-white);
	color: black;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: var(--darkM-black);
		color: var(--darkM-white);
	}
	.ttt-text{
		color: var(--darkM-white) !important;
	}
	.ttt-news-startseite{
		color: var(--darkM-white);
	}
	.black-link{
		color: var(--darkM-white) !important;
	}
	.card-team{
		background-color: var(--darkM-black);
		color: var(--darkM-white);
	}
	.card-kontakt{
		background-color: #2b1c23 !important;
		color: var(--darkM-white);
		box-shadow: 0 .5rem 1rem rgb(255 255 255 / 5%) !important
	}
	.h6-neu{
		color: var(--darkM-white) !important;
	}
	.ttt-bg-grey{
		background-color: #37282f !important;
	}
	h3{
		color: var(--darkM-white) !important;
	}
	ul li{
		color: var(--darkM-white) !important;
	}
	.card-TechnoTeam{
		background-color: #2b1c23 !important;
		box-shadow: 0 .5rem 1rem rgb(255 255 255 / 5%) !important
		/*color: var(--darkM-white);
		box-shadow: 0 .5rem 1rem rgb(255 255 255 / 5%) !important*/
	}
	.card-TechnoTeam3{
		background-color: #413239 !important; /*#1C2933#1c212e*/
		box-shadow: 0 .5rem 1rem rgb(255 255 255 / 5%) !important
		/*color: var(--darkM-white);
		box-shadow: 0 .5rem 1rem rgb(255 255 255 / 5%) !important*/
	}
	.card-TechnoTeam2{
		color: var(--darkM-white);
		box-shadow: 0 .5rem 1rem rgb(255 255 255 / 5%) !important;
		background-color: #37282f !important;
	}
	.card-title{
		color: #e6e6e6 !important;
	}
	.img-TechnoTeam{
		background-image: url('http://triathlonteamthueringen.de/img/TechnoTeam_Logo_white.png') !important;
	}
	.text-muted-neu{
		color: var(--darkM-white) !important;
	}
	.shadow{
		box-shadow: 0 .5rem 1rem rgb(255 255 255 / 5%) !important;
	}
	.card-Layer2{
		color: var(--darkM-white);
		box-shadow: 0 .5rem 1rem rgb(255 255 255 / 5%) !important;
		background-color: #37282f !important;
	}
	.card-img-overlay{
		border-radius: 0;
		background-color: rgba(33, 18, 25, .5) !important;
	}
	.card-team{
		background-color: var(--darkM-black) !important;
	}
	.card-footer{
	background-color: #2b1c23 !important;
	}
	.accordion-news{
		--bs-accordion-color: var(--darkM-white) !important;
		--bs-accordion-bg: #413239 !important;
		--bs-accordion-border-color: var(--bs-border-color);
		--bs-accordion-border-width: none;
		--bs-accordion-border-radius: none;
		--bs-accordion-inner-border-radius: none;
		/*--bs-accordion-btn-padding-x: 1.25rem;
		--bs-accordion-btn-padding-y: 1rem;*/
		--bs-accordion-btn-color: var(--bs-body-color);
		--bs-accordion-btn-bg: var(--bs-accordion-bg);
		/*--bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e6e6e6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e) !important;
		--bs-accordion-btn-icon-width: 1.25rem;
		--bs-accordion-btn-icon-transform: rotate(-180deg);
		--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
		--bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff9ee7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e) !important;*/
		--bs-accordion-btn-focus-border-color: none;
		--bs-accordion-btn-focus-box-shadow: none;
		/*--bs-accordion-body-padding-x: 1.25rem;
		--bs-accordion-body-padding-y: 1rem;*/
		--bs-accordion-active-color: var(--darkM-white) !important;
		--bs-accordion-active-bg: #413239 !important;
		box-shadow: 0 .5rem 1rem rgb(255 255 255 / 5%) !important;
	}
	.accordion{
		/*--bs-accordion-color: var(--darkM-white) !important;
		--bs-accordion-bg: #413239 !important;
		--bs-accordion-border-color: var(--bs-border-color);
		--bs-accordion-border-width: none;
		--bs-accordion-border-radius: none;
		--bs-accordion-inner-border-radius: none;
		--bs-accordion-btn-padding-x: 1.25rem;
		--bs-accordion-btn-padding-y: 1rem;
		--bs-accordion-btn-color: var(--bs-body-color);
		--bs-accordion-btn-bg: var(--bs-accordion-bg);*/
		--bs-accordion-btn-icon: fill='%23e6e6e6';
		/*--bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e6e6e6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e) !important;
		--bs-accordion-btn-icon-width: 1.25rem;
		--bs-accordion-btn-icon-transform: rotate(-180deg);
		--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;*/
		--bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff9ee7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e) !important;
		/*--bs-accordion-btn-focus-border-color: none;
		--bs-accordion-btn-focus-box-shadow: none;
		--bs-accordion-body-padding-x: 1.25rem;
		--bs-accordion-body-padding-y: 1rem;
		--bs-accordion-active-color: var(--darkM-white) !important;
		--bs-accordion-active-bg: #413239 !important;
		box-shadow: 0 .5rem 1rem rgb(255 255 255 / 5%) !important;*/
	}
	.accordion-button{
		color: var(--darkM-white) !important;
	}
	.arrow-color{
		fill: #e6e6e6 !important;
	}
}

/*code f�r Toggle Light/Dark Mode*/
/*:has(#dark-mode-toggle:checked) {
	body {
		background-color: var(--darkM-black);
		color: var(--darkM-white);
	}
	.ttt-news-startseite{
		color: var(--darkM-white);
	}
	.black-link{
		color: var(--darkM-white) !important;
	}
	.card-team{
		background-color: var(--darkM-black);
		color: var(--darkM-white);
	}
	.card-kontakt{
		background-color: #1f1f1f;
		color: var(--darkM-white);
		box-shadow: 0 .5rem 1rem rgb(255 255 255 / 5%) !important
	}
	.h6-neu{
		color: var(--darkM-white) !important;
	}
	.ttt-bg-grey{
		background-color: #2e292e !important;
	}
	h3{
		color: var(--darkM-white) !important;
	}
	ul li{
		color: var(--darkM-white) !important;
	}
	.card-TechnoTeam{
		background-color: #1f1f1f !important;
	}
	.img-TechnoTeam{
		background-image: url('http://triathlonteamthueringen.de/img/TechnoTeam_Logo_white.png') !important;
	}
	.text-muted-neu{
		color: var(--darkM-white) !important;
	}
	.shadow{
		box-shadow: 0 .5rem 1rem rgb(255 255 255 / 5%) !important;
	}
}*/

.ttt-text{
	color: #212529;
}

.text-muted-neu{
	color: rgba(33, 37, 41, 0.75);
}

.h6-neu{
	color: #000;
}

.ttt-opac-50{
  opacity: 0.5;
}

.ttt-opac-1{
  opacity: 1;
}

.ttt-news-startseite{
  border-radius: 0 !important;
  border: 0 !important;
  color: #000 ;
}

a.ttt-news-startseite:hover{
  opacity: 1;
}

.ttt-bg-grey {
  background-color: #dcd5df !important;
}

.ttt-header{
    padding-right: 0;
    padding-left: 0;
    padding-top: 76px;   
}
@media (max-width: 516px){
	.ttt-header{
		padding-top: 100px;
	}
}
/*@media (min-width: 387px){
	.ttt-header{
		padding-top: 100px;
	}
}*/


.header-container{
   width: 100%;
   max-height: 72.391px;
}



.footer-container{
    width: 100%;
    /*height: 288px;*/
}

.ttt-border-width-null{
  border-width: 0px;
}

.nav-item{
  text-wrap: nowrap;
}

.ttt-img-max{
  padding: 0px;
}

.container1140 {
  max-width: 1140px;
}

.trind-link{
	color: #fff  !important;
}
.trind-link:hover{
	color: var(--hover) !important;
}
.trind-link:active{
	color: var(--hover) !important;
}
.black-link{
	color: #212529;
}
.black-link:hover{
	color: var(--hover) !important;
}

.link-disabled{
	color: var(--hover) !important; 
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #d40075; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */
  border-radius: 20px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  height: 40px;
  width: 40px
}

#myBtn:hover {
  background-color: var(--hover);
}

.card-team{
	border-width: 0px !important;
	background-color: var(--lightM-white);
}
.img-team{
	border-radius: 0px !important;
}
.img-sm{
	width: 200px;
	height: 300px;
}

.card-spons{
/*	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;*/
	padding: .8rem;
	/*bg-opacity: 10%;*/
	border-width: 0px;
}

.back-img{
	background-image: var(--teamImg) !important;
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
    overflow-y: hidden;
}

/*
.trind-toggler{
	background-image:url('/img/trindoor-toggler.gif') !important;
}



.trind-text{
	color: #f9f9f9 !important;
}

.trind-h{
	color: #fdd05a  !important;
	margin-top: 1rem;
}

.trind-bg-white{
	background-image: url('/img/background-white.svg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.trind-yellowbg
 {
	color: #fdd05a !important;
	border-color: #fdd05a !important;
	/*background-color: #FFEEC0 !important;*/

/*.bi::before {
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
}

:root{
	--main-body-bg: black;
}


.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.bi-gold{
	color: #FFD700 !important;
}

.bi-silver{
	color: #C0C0C0 !important;
}

.bi-bronze{
	color: #BF8970 !important;
}*/

.Verlauf{
	mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}

.card-TechnoTeam{
	background-color: #e6e1e8;
	border: 0 !important;
	border-radius: 0 !important;
	padding-bottom: 1rem !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
	overflow: hidden;
}
.card-TechnoTeam3{
	background-color: #d7b8c9; /*#C4D1DC#c4c9d7*/
	border: 0 !important;
	border-radius: 0 !important;
	padding-bottom: 1rem !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
	overflow: hidden;
}
.card-TechnoTeam2{
	background-color: #dcd5df;
	border: 0 !important;
	border-radius: 0 !important;
	padding-bottom: 1rem !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
	overflow: hidden;
}

.img-TechnoTeam{
	background-image: url('http://triathlonteamthueringen.de/img/TechnoTeam_Logo_black.png');
	background-repeat: no-repeat;
	background-position: 0;
	background-size: contain;
	width: 85%;
	height: 85%;
}
.card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card-kontakt{
	background-color: #e6e1e8;
}

.card-Layer2{
	background-color: #dcd5df;
}

.card-img-overlay{
	border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
}

.card-footer{
	background-color: #e6e1e8;
}

.accordion-news{
    /*--bs-accordion-color: var(--bs-body-color);*/
    --bs-accordion-bg: #d7b8c9;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: none;
    --bs-accordion-border-radius: none;
    --bs-accordion-inner-border-radius: none;
    /*--bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;*/
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    /*--bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);*/
    --bs-accordion-btn-focus-border-color: none;
    --bs-accordion-btn-focus-box-shadow: none;
    /*--bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;*/
    --bs-accordion-active-color: #212529;
    --bs-accordion-active-bg: #d7b8c9;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
}

svg[aria-expanded="true"]{
  transform: rotate(180deg);
}

.arrow-color{
	fill: #212529;
}