/*
 tfc-echzell.de
 */






h1, h1.em2, h1.schwarz, h2, h3, h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	color: #13662e;
    margin-bottom: 3.0em;
}

h1.em2 {
	margin-bottom: 2.0em;
}

/* LK-Turnier */
h1.schwarz {
	color: #000000;
}

h2 {
	font-size: 1.25em;
	font-weight: bold;
	/* color: #13662e; */
	padding-bottom: 1.0em;
}

/* LK-Turnier */
h2.schwarz {
	color: #000000;
}

/* evtl. noch für newsletter */
h2.contentRight {
	font-size: 1.0em;
	padding-bottom: 1.5em;
}

h3 {
    /* color: #13662e; */
    font-size: 1.0em;
    font-weight: bold;
}

h3.vorstand {
  font-size: 0.8em;
  font-weight: normal;
  padding-bottom: 1.5em;
}

h4 {
	font-size: 0.8em;
	font-weight: normal
}

h5.rahmen, h5.rahmen70vH {
	width: 90%;
	margin: auto;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.5em;
	border: 1px solid gray;
	border-radius: 0px 0px 0.3125em 0.3125em;
	padding-left: 1.0em;
	padding-right: 1.0em;
}

h5.rahmenrot, h5.rahmenrot70vH, .rahmenrot {
	width: 90%;
	margin: auto;
	border: 3px solid red;
	border-radius: 0px 0px 0.3125em 0.3125em;
	font-weight: normal;
	padding-left: 1.0em;
	padding-right: 1.0em;
}

h5.rahmen70vH {
	width: 70%;
}

tt {
	font-size: 1.25em;
}

p {
	font-size: 1.0em;
	padding-bottom: 0.3em;
/* Silbentrennung */
	hyphens: auto;
	-ms-hyphenate-limit-chars: auto 5;
	-ms-hyphenate-limit-lines: 2;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 5;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 5;
	-ms-hyphenate-limit-lines: 2;
}

/* Testweise ab 16.08.2023 auf der Seite 'rangliste' verwendet              Anfang */
/* ... und inzwischen auf vielen weiteren Seiten 08.04.2025                        */
h1.roboto,
h2.roboto, h2.roboto.mittig,
h3.roboto,
h4.roboto,
h5.roboto,
h6.roboto {
    font-family: "Roboto", sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	color: #13662e;
}

h1.roboto {
	margin-bottom: 3.0em;
}

h2.roboto {
	font-size: 1.25em;
}

h2.roboto.mittig {
	font-size: 1.25em;
	text-align: center;
}

p.opensans, p.opensansohne, p.opensansli {
      font-family: "Open Sans", sans-serif;
      font-weight: normal;
      font-size: 1.25em;
      line-height: 1.5em;
	  /* color: #65012c; */
	  color: #4d4d4d;
}

p.opensans {
	margin-bottom: 1.5em;
}

.opensansrahmen {
	width: 90%;
	margin: auto;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.5em;
	border: 1px solid gray;
	border-radius: 0px 0px 0.3125em 0.3125em;
	padding-left: 1.0em;
	padding-right: 1.0em;
    margin-bottom: 1.5em;
}

p.ubuntu {
	font-family: "Ubuntu", sans-serif;
	font-weight: normal;
	font-size: 1.25em;
	line-height: 1.5em;
	color: #4d4d4d;
	margin-bottom: 3.0em;
}

p.montserrat {
	/*font-family: "Ubuntu", sans-serif;*/
	font-family:"Montserrat", sans-serif;
	font-weight: normal;
	font-size: 1.25em;
	line-height: 1.5em;
	color: #4d4d4d;
	margin-bottom: 3.0em;
}

p.fett {
    font-weight: 700;
}

.tableft2 {
	padding-left: 2.0em;
}
/* Testweise ab 16.08.2023 auf der Seite 'rangliste' verwendet                Ende */




a {
	text-decoration: none;
}

a.info-pdf {
    text-decoration: none;
    color: #fff;
}

.standard {
	font-family: Verdana, Tahoma, Arial;
	color: #65012c;
}

.zitat {
	font-family: Comic Sans MS, MV Boli, OCR-A, verdana;
	color: #65012c;
}


blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "\201C" "\201D" "\2018" "\2019";
}
blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote p {
	display: inline;
}


/*
p.left2 {
	font-size: 1.0em;
	padding-left: 2.0em;
	padding-bottom: 0.3em;
}

p.left4 {
	font-size: 1.0em;
	padding-left: 4.0em;
	padding-bottom: 0.3em;
}
*/
p.ueberschrift {
	background-color: #9F9;
	border: 1px solid gray;
	border-radius: 0.3125em 0.3125em 0.3125em 0.3125em;
	font-size: 1.0em;
	font-weight: bold;
	padding-bottom: 0.3em;
}

p.pfad {
	text-align: right;
	font-size: 0.8em;
	margin-right: 1.0em;
}

p.gruen {
	color: #13662e;
	font-weight: bold;
}

p.rot {
	color: #f00;
	font-weight: bold;
}

p.faq {
	font-weight: bold;
	background: #ffc;
	display: inline;
}

p.klein {
	font-size: 0.7em;
	background: #ffc;
	display: inline;
}
.fs25 {
	font-size: 2.5em;
}

img {
	text-decoration: none;
	margin-left: 0.3125em;
	margin-right: 0.3125em;
	margin-bottom: 0.3125em;
	max-width: 98%;			/* flüssige Bilder */
	height: auto;			/* Anpassung in der Höhe */
}

img.bildrahmen {
	border: 1px solid gray;
	border-radius: 0px 0px 0.3125em 0.3125em;
	font-weight: normal;
}

img.hinweisfix {
	max-width: 50%;
	height: auto;
}

img.icon {
	vertical-align: bottom;
}

img.info {
	margin: 0px;
	padding: 0px;
}

ul, ol, li {
	margin: 0;
	padding-left: 1.5em;
}

ul.vier {
	padding-left: 4.0em;
}

li.tfc {
	padding-left: 0.5em;
	list-style: disc;
	/*list-style-position: outside;*/
}

li.hakengruen:before {
/*	content: "►";*/
	content: "\2713";
	float: left;
	font-size: 2.5em;
	width: 1.5em;
	font-weight: bold;
	color: #13662e;
}

li.aktiv {
	color: #fff;
	background-color: #007bff;
}

/*ul li {
	list-style: disc;
}*/

ol li {
	list-style: decimal;
}

.links {
	text-align: left;
}

.mittig {
	text-align: center;
}

.zentriert {
	margin-left: auto;
	margin-right: auto;
}

.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.rechts {
    text-align: right;
    margin-right: 10px;
}

.left2 {
	font-size: 1.0em;
	padding-left: 2.0em;
	padding-bottom: 0.3em;
}

.left4 {
	font-size: 1.0em;
	padding-left: 4.0em;
	padding-bottom: 0.3em;
}
.links2 {
	padding-left: 2.0em;
	padding-bottom: 0.3em;
}

.links4 {
	padding-left: 4.0em;
	padding-bottom: 0.3em;
}

.fett {
	/* font-weight: bold; */
    font-weight: 700;
}

.weiterschreiben {
	display: inline;
}

.bggelb {
	background-color: #ff0;
}

.bgd3 {
	background-color: #d3d3d3;
}

.marker-gelb { 
    background-color:#FFFF00; 
}

.rot {
	color: #f00;
	font-weight: bold;
}

.gruen {
	color: #13662e;
}

hr, hr.lbr, hr.fuenfzig, hr.siebzig { 
	display: block;
	color: #13662e;
	background-color: #13662e;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 1px;
} 

hr.lbr {
	margin-top: 0.125em;
	margin-bottom: 0.125em;
	border-width: 2pt;
}

hr.fuenfzig {
	width: 50%;
}

hr.siebzig { 
	width: 70%;
} 

.invisible {
	display: none;
}

.rahmenlinks {
	padding: 8px;
	border-left: 4px solid #13662e;
} 

.rahmenrechts {
	padding: 8px;
	border-right: 4px solid #13662e;
} 

.rahmen, .rahmen100, .rahmenrot, .rahmengruen {
	width: 90%;
	margin: auto;
	border: 3px solid red;
	border-radius: 0px 0px 0.3125em 0.3125em;
	font-weight: normal;
	padding-left: 1.0em;
	padding-right: 1.0em;
}

.rahmen {
	border: 3px solid black;
}

.rahmen100 {
    width: 100%;
    border: 3px solid #13662e;
    margin-bottom: 1.5em;
}

.rahmengruen {
	border: 3px solid #13662e;
}

samp {
	/*font-family: Verdana, Tahoma, Arial;*/
	font-family:'Courier New', Courier, monospace;
	font-weight: normal;
	font-size: 1.125em;
	color: #65012c;
}

.chronik {
	padding-bottom: 3.0em;
}

.labeledup {
	-ms-writing-mode: tb-rl; 
	writing-mode: vertical-rl; 
	transform: rotate(180deg);
 }
 
 .labeleddown {
	writing-mode: vertical-rl;
   -webkit-text-orientation: sideways;
   text-orientation: sideways
 }

 .tfc-senkrecht {
	background-color: #13662e;
	color: #fff;
	font-weight: bold;
}


/* Secondary Button */
.btn-secondary {
/*	border-radius: 15px 15%;*/
	text-align: left;
	border-radius: 15px;
	background-color: darkgoldenrod; 
	color: white;
	font-size: 1.0em;
}

/* Info Button */
.btn-info {
/*	border-radius: 15px 15%;*/
	border-radius: 15px;
	background-color: green;
	color: white;
	font-size: 1.0em;
}

.btn-info:hover {
	background-color: green;
}
.btn-infoleft {
	text-align: left;
	border-radius: 15px;
	background-color: green;
	color: white;
	font-size: 1.0em;
}

/* Download Button */
.btn {
	background-color: DodgerBlue;
	border: none;
	color: white;
/*	padding: 12px 30px;*/
	cursor: pointer;
	font-size: 1.0em;
}
  
/* Darker background on mouse-over */
.btn:hover {
	background-color: RoyalBlue;
}


/* Button Info Smartphone vs. PDF*/
.info_pdf {
    background-color: #13662e; /* TFC-Green */
    border: none;
    color: white;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 50%;
  }

/* Tooltips */
.popover {
	background-color: #13662e;
}
.popover-header {
	text-align: right;
	color: #000;
	font-size: 1.5em;
}
.popover-body {
	color: #fff;
	font-size: 1.0em;
}

/* Rücksprung Anfang */
.back-to-top {
  position: fixed;
  visibility: hidden;
  font-size: 30px;
  color: "#fff";
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #ff0000;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}
.back-to-top:hover {
  /* background: #e65d5f; */
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/* Rücksprung Ende */