/******************************* Tags styling  *******************************/
html {
	font-size: 1rem;
	scroll-behavior: smooth;
}

.double_underline {
	border-bottom: double 3px #000000;
}

nav {
	-webkit-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
}

body {
	background-color: yellow;
	font-family:
		-apple-system,
		/*Safari auf OS X oder IOS (San Francisco)*/
		Roboto,
		/*Android*/
		sans-serif;

}

#data {
	list-style-type: circle;
}

p {
	hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
}

a:link {
	color: #17A2B8;
	text-decoration: none;
}

a:hover {
	color: #17A2B8;
	text-decoration: none;
}

a:visited {
	color: #17A2B8;
	text-decoration: none;
}

tr td {
	width: 50%;
}

tr td {
	width: 50%;
}

::-webkit-scrollbar {
	display: none;
}

.btn-link {
	color: #17A2B8;
	text-decoration: none;
}

::-webkit-input-placeholder {
	font-size: 0.8rem;
}

/******************************* Tags styling  *******************************/

/******************************* own classes  *******************************/

.btn-link-headline:link {
	color: white;
	text-decoration: none;
}

.btn-link-headline:hover {
	color: white;
	text-decoration: none;
}

.btn-link-headline:visited {
	color: white;
	text-decoration: none;
}

.btn-link-headline:active {
	color: white;
	text-decoration: none;
}

.headerLink:link {
	color: black;
	text-decoration: none;
}

.headerLink:hover {
	color: black;
	text-decoration: none;
}

.headerLink:visited {
	color: black;
	text-decoration: none;
}

#text-traumtaenzer:link {
	color: blue;
}

.text-traumtaenzer-header {
	background-color: blue;
	color: white;
}

.text-traumtaenzer-header:active {
	background-color: blue;
	color: white;
}

.text-traumtaenzer-header:checked {
	background-color: blue;
	color: white;
}


.text-traumtaenzer-header:visited {
	background-color: blue;
	color: white;
}

.text-traumtaenzer-header-foto:link {
	background-color: blue;
	color: white;
}

.text-traumtaenzer-header-foto:visited {
	background-color: blue;
	color: white;
}

.text-traumtaenzer-header-foto:active {
	background-color: blue;
	color: white;
}


.text-traumtaenzer-header-foto:hover {
	background-color: white;
	color: blue;
}

.text-traumtaenzer:link {
	background-color: white;
	color: blue;
}

.text-traumtaenzer:visited {
	background-color: white;
	color: blue;
}

.text-traumtaenzer:hover {
	background-color: blue;
	color: white;
}

.text-traumtaenzer-admin:link {
	background-color: blue;
	color: white;
}

.text-traumtaenzer-admin:visited {
	background-color: blue;
	color: white;
}

.text-traumtaenzer-admin:hover {
	background-color: white;
	color: blue;
}

#text-hergottcher:link {
	color: red;
}

.text-hergottcher-header {
	background-color: red;
	color: white;
}

.text-hergottcher:link {
	background-color: white;
	color: red;
}

.text-hergottcher:visited {
	background-color: white;
	color: red;
}

.text-hergottcher:hover {
	background-color: red;
	color: white;
}

.text-hergottcher-admin:link {
	background-color: red;
	color: white;
}

.text-hergottcher-admin:visited {
	background-color: red;
	color: white;
}

.text-hergottcher-admin:hover {
	background-color: white;
	color: red;
}


.text-hergottcher-header-foto:link {
	background-color: red;
	color: white;
}

.text-hergottcher-header-foto:visited {
	background-color: red;
	color: white;
}

.text-hergottcher-header-foto:active {
	background-color: red;
	color: white;
}

.text-hergottcher-header-foto:hover {
	background-color: white;
	color: red;
}

#text-verein:link {

	color: black;
}

.text-verein-header {
	background-color: black;
	color: #F8F9FA;
}

.text-verein:link {
	background-color: #F8F9FA;
	color: black;
}

.text-verein:visited {
	background-color: #F8F9FA;
	color: black;
}

.text-verein:hover {
	background-color: black;
	color: #F8F9FA;
}

.text-member:link {
	background-color: white;
	color: black;
}

#text-member:link :active :any-link :checked :default :hover :visited {
	background-color: white;
	color: black;
}

.text-member:visited {
	background-color: white;
	color: black;
}

.text-member:hover {
	background-color: white;
	color: black;
}

.text-verein-admin:link {
	background-color: black;
	color: white;
}

.text-verein-admin:visited {
	background-color: black;
	color: white;
}

.text-verein-admin:hover {
	background-color: white;
	color: black;
}

.text-verein-members:link {
	background-color: #343A40;
	color: white;
	font-size: 1.0rem;
}

.text-verein-members:visited {
	background-color: #343A40;
	color: white;
	font-size: 1.0rem;
}

.text-verein-members:hover {
	background-color: white;
	color: #343A40;
	font-size: 1.0rem;
}

.text-verein-admin1:link {
	background-color: grey;
	color: white;
}

.text-verein-admin1:visited {
	background-color: grey;
	color: white;
}

.text-verein-admin1:hover {
	background-color: white;
	color: black;
}



.text-vereinU-header {
	background-color: blue;
	color: white;
}

.text-vereinU:link {
	background-color: white;
	color: blue;
}

.text-vereinU:visited {
	background-color: white;
	color: blue;
}

.text-vereinU:hover {
	background-color: blue;
	color: white;
}



.text-verein-header-foto:link {
	background-color: black;
	color: white;
}

.text-verein-header-foto:visited {
	background-color: black;
	color: white;
}

.text-verein-header-foto:active {
	background-color: black;
	color: white;
}

.text-verein-header-foto:hover {
	background-color: white;
	color: black;
}

.text-admin {
	color: white;
}

.text-admin:link {
	color: white;
}

.text-admin:active {
	color: white;
}

.text-admin:visited {
	color: white;
}

.text-admin:hover {
	color: #343A40;
	background-color: white;
}

.not-allowed-admin {
	cursor: not-allowed;
	color: grey;
}

.not-allowed-admin:link {
	cursor: not-allowed;
	color: grey;
}

.not-allowed-admin:active {
	cursor: not-allowed;
	color: grey;
}

.not-allowed-admin:hover {
	cursor: not-allowed;
	color: grey;
}

.not-allowed-admin:visited {
	cursor: not-allowed;
	color: grey;
}

.img-title {
	max-height: 2.25rem;
	width: auto;
	margin-top: 0.25rem;
}

.img-My {
	max-height: 12.5rem;
	max-width: 24.0625rem;
}

.img-My1 {
	height: auto;
	width: 20.0000rem;
}

.img-Carousel {
	max-height: 15.0rem;
	max-width: 26.00rem;
}

.img-Gallery {
	height: 12.5rem;
	max-width: 16.69rem;
	/*border-radius: 0.500rem;*/
}

.not-allowed {
	cursor: not-allowed;
}

.img-My-Vorstand {
	max-height: 12.5rem;
	width: auto;
}

.mt-My {
	margin-top: 4rem;
	margin-bottom: 1rem;
}

.mt-Member {
	margin-top: 6rem;
	margin-bottom: 1rem;
}

.mt-My-Admin {
	margin-top: 5rem;
	margin-bottom: 1rem;
}

.rounded-top-lr {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.175rem;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: .8em;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: .1rem;
	margin-right: .1rem;
}

.text-justify {
	text-align: justify;
}

.not-linked {
	text-decoration: none;
	color: black;
}

.not-linked :hover {
	text-decoration: none;
	color: black;
}

#title-Image {

	height: 2.25rem;
	width: auto;

}

.nav li {
	display: inline-block;
}

/*DIVS mit gleicher Hoehe: Die class row-flex muss in das DIV Tag, das kleiner ist.*/
.row-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* aus den Streifen unter dem Carousel Dots machen: */
/*.carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 100%;
}*/

.equal-width-5 {
	width: 5%;
}

.equal-width-10 {
	width: 10%;
}

.equal-width-15 {
	width: 15%;
}

.equal-width-18 {
	width: 18%;
}

.equal-width-20 {
	width: 20%;
}

.equal-width-25 {
	width: 25%;
}

.equal-width-30 {
	width: 30%;
}

.equal-width-35 {
	width: 35%;
}

.equal-width-40 {
	width: 40%;
}

.equal-width-45 {
	width: 45%;
}

.equal-width-50 {
	width: 50%;
}

.equal-width-55 {
	width: 55%;
}

.equal-width-60 {
	width: 60%;
}

.equal-width-65 {
	width: 65%;
}

.equal-width-70 {
	width: 70%;
}

.equal-width-75 {
	width: 75%;
}

.equal-width-80 {
	width: 80%;
}

.equal-width-85 {
	width: 85%;
}

.equal-width-90 {
	width: 90%;
}

.equal-width-95 {
	width: 95%;
}

.equal-width-100 {
	width: 100%;
}

.equal-width-auto {
	width: auto;
}

#galleryTT {
	filter: grayscale(60%);
	-webkit-transition: filter 0.3s;
	-o-transition: filter 0.3s;
	transition: filter 0.3s;
	transition: transform .2s;
}

#galleryTT:hover {
	filter: none;
	transform: scale(2.0);
}

/******************************* own classes  *******************************/
.masthead {
	height: 100vh;
	min-height: 500px;
	/**background-image: url('https://source.unsplash.com/BtbjCFUvBXs/1920x1080');**/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#banner {
	background-image: linear-gradient(120deg, #91C4FF 0%, #F0F7FF 87%);
	position: relative;
	width: 100%;
	height: 950px;
}

#cloud-scroll {
	background: url(/img/11JahreSFG.png) repeat-x;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	position: absolute;
	-webkit-animation: 900000s backgroundScroll infinite linear;
	-moz-animation: 900000s backgroundScroll infinite linear;
	-o-animation: 900000s backgroundScroll infinite linear;
	-ms-animation: 900000s backgroundScroll infinite linear;
	animation: 900000s backgroundScroll infinite linear;
}

@-webkit-keyframes backgroundScroll {
	from {
		background-position: 0 0;
	}

	to {
		background-position: -99999999px 0;
	}
}

@keyframes backgroundScroll {
	from {
		background-position: 0 0;
	}

	to {
		background-position: -99999999px 0;
	}
}

.carousel-control-next,
.carousel-control-prev,
.carousel-indicators {
	filter: invert(100%);
}

.none-display {
	display: none;
}