html {
  scroll-behavior: smooth;
}

html, body {
	font-size: 18px;
	color: #002014;
}

main {
	margin-top: 90px !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6
{
	color: #006b44;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6,
.text-smallcaps
{
	/* text-transform: uppercase; */
	font-variant: small-caps;
}

#navbar .nav-item {
	border: 2px solid white;
	margin-left: 0.4rem;
	margin-right: 0.4rem;
	margin: 0.2rem 0.4rem;
	background-color: #ca3527;
	font-weight: bold;
	font-size: 1.2rem;
	/* text-transform: uppercase; */
	font-variant: small-caps;
}

#navbar .nav-item:hover,
#navbar .nav-item:focus,
#navbar .nav-item:active
{
	background-color: #a22a1f;
}

#navbar .nav-item:has(.nav-link.active),
#navbar .dropdown-item.link-light:hover,
#navbar li:has(.dropdown-item.link-light):focus
{
	background-color: #a22a1f !important;
}

#navbar .nav-link,
#navbar .nav-link:visited
{
	color: #ffffff;
}

#navbar-top {
	background-image: url('/media/images/bg-navbar.jpg');
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	border-bottom: 1px solid white;
}

#totopdiv {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1031;
	opacity: 0;
}

#totopdiv.fadein {
	opacity: 1;
	transition: all 2s;
}
#totopdiv.fadeout {
	opacity: 0;
	transition: all 0.6s;
}

.bg-footer {
	background-color: #001f13 !important; /*#003622*/
}

.bg-dark {
	background-color: #006b44 !important;
}

.bg-cc-red {
	background-color: #ca3527 !important;
}

.bg-cc-green {
	background-color: #006b44 !important;
}

.banner {
	background-image: url('/media/images/tennis-kid-ki3.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0%;
	position: relative;
	width: 100%;
	height: auto;
	display: block;
}

.btn {
	border-radius: 0 !important;
}

.btn-cc,
.btn-cc:hover,
.btn-outline-cc-red,
.btn-outline-cc-red:focus
{
  color: #ffffff;
	font-weight: bold;
  background-color: #ca3527;
  border-color: #fff;
	border-width: 2px; 
}

.btn-cc:hover,
.btn-outline-cc-red:hover,
.btn-outline-cc-red:focus,
.btn-outline-cc-red:active
{
  color: #ffffff !important;
  background-color: #a22a1f !important;
}

.btn-outline-cc-red,
.btn-outline-cc-red:hover,
.btn-outline-cc-red:focus,
.btn-outline-cc-red:active
{
	outline: 2px solid #ca3527 !important;
	border-color: #fff !important;
}


.text-cc-green {
	color: #006b44 !important;
}

.text-cc-red {
	color: #ca3527 !important;
}

.text-shadow {
	/* text-shadow: 2px 2px 4px #000000 !important; */
	text-shadow: rgba(0,0,0,1) 0px 0px 4px !important; 
}

.text-dark-bar {
	background: rgba(0,0,0,0.2);
	border-radius: 0.375rem;
}

.text-tennis {
	color: #ccff00 !important;
}

.text-silver {
	color: #dddddd !important;
}

input::placeholder, textarea::placeholder {
  color: green !important;
  opacity: 0.3 !important;
}

.dropdown-menu {
	background-color: #ca3527 !important;
}

.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

.fade-scale.show {
  opacity: 1;
  transform: scale(1);
}

.bg-carousel-img {
	background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='yellow'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='yellow'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.carousel-indicators button {
	background-color: yellow !important;
}

.zoom-in {cursor: zoom-in;}

#carouselLeistungen .carousel-item .bg-cc-green {
	background-image: url('/media/images/bg-leistungen.jpg');
	background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

.is-input-group.is-invalid {
	border: 1px solid red;
	border-radius: 0.375rem;
	padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.carousel-control-prev-icon,
.carousel-control-next-icon
{
	background-image: none !important;
}

.carousel-control-prev-icon:before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	font-size: 2rem;
	content: "\f053";
	color: #ccff00;
	margin-left: -1.3rem;
}

.carousel-control-next-icon:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	font-size: 2rem;
	content: "\f054";
	color: #ccff00;
	margin-right: -1.3rem;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  width: 100%;
  z-index: 999999;
  display: none;
}

.loadingSpinner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}