/* Haupt-styles für wanderreiterweb.de*/

.ccm-settings-summoner {  /* Überschreiben des Cookie-Banner-Widget */
  left: 15px;
  display: none;
}
#news-m{
	display: none;
}
#News {		/* News-Button auf Startseite*/
	position: absolute;
	float: left;
	width: 75px; 
	height: 56px; 
	z-index: 3; 
	left: 8px; 
	top: 70px;
	border: none;
}

#clear {
	clear:both;
}

.iFrame {   /*Formatierung für noscript-Meldung im Submenu*/
	font-size:x-small;
	border: none;
	color: red;
	width: 100%;
}
* {
	/*margin: 0 auto 0 auto;*/
	z-index: 1;
	float: none;
	font-size: small;
}

/* Textlinks */
a:link {
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: 600;
	font-style: italic;
	font-size: small;
	color: #662CC6;
}
a:visited {
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	font-size: small;
	font-weight: 600;
	color: #662CC6;
}
a:focus {
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: 600;
	font-style: italic;
	font-size: small;
	color: #FF2704;
} 
a:hover {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	text-decoration: none;
	font-weight: 600;
	font-style: italic;
	color: #FF2704;
	background: #E9EBEC;
}
a:active {
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	font-size: small;
	font-weight: 600;
	font-style: italic;
	color: #FF2704;
}
/* Überschreiben der a-Formate im Hauptmenu */
.chromemenu ul li a {
	color: #494949;
	padding: 5px 8px;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	
	border-right: 1px solid #BBB;
}
.tourenmenu ul li a {
	color: #494949;
	padding: 5px 8px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #BBB;
	font-weight: normal;
	font-style: normal;	
}

/* Flächen-Links*/
#GPS-Link  {
	display:block;
	z-index: 5;
	position: inherit;
}
#GPS-Link a  {
	display:block;
	background:#eee;
	opacity: 1.0;
}
#GPS-Link a:hover {
	background:#ddd;
	opacity: 0.8;
}
/* button mit Hover und Textwechsler */ 
/* javascript anzeigen-verbergen.js ist erforderlich*/
.inhalt {
font-family:Arial, Helvetica, sans-serif;
text-align: left;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2);
padding: 20px 20px 20px;
background-color: #EEEEEE;
margin: -2px 0px 5%;
width: 95%;
}

.button-div  {
	margin: 10px;
}

.button {
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:white;
font-size: 14px;
padding:5px;
background: rgb(85, 143, 236);
/*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);*/
box-shadow:none!important;
border: 0px;
margin: 1px;
cursor: pointer;
font-style:italic; 
font-weight:bold
}

.button:hover{
background: rgb(53, 122, 232);
color:#fff!important;
transition:0.2s all ease-in-out!important;
}

/* Kopierschutz auf Seiten*/
.selectx {
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	user-drag: none; 
    -webkit-user-drag: none;
}

/* Top-Sprung*/
#toplink {
	position: fixed;
	bottom: -3px;
	left: 15px;
	padding: 3px;
	background-color: #ddd;
	z-index: 5;
}
#toplink a:hover  {
		color: #ddd;
		border-style:solid;
		bottom: 10px;
}

.einschub {
	margin-left: 20px;
	padding-left: 10px; 
	border-left: 10px solid; 
	border-left-color: #CCCCCC;
}

/* Für die alten Seiten (Bildbeschreibungen) WICHTIG! text-align:center gesetzt  */
body {
	float: none;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	text-align: center;
	background-color: white;
}
/* alte nicht responsive-styles teilweise nicht mehr genutzt */
#basetracks {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	top: 0px;
	left: 0px;
	padding-bottom: 120px;
}
.bodytext-m  {
	text-align:center;
	font-weight: normal;
	font-size: small;
	font-family: Arial, Helvetica, Sans-Serif;
}
.bodytext-l  {
	text-align: left;
	font-weight: normal;
	font-size: small;
	font-family: Arial, Helvetica, Sans-Serif;
}
.marker-l   {
	text-align: left;
	font-weight: normal;
	font-size: small;
	font-family: Arial, Helvetica, Sans-Serif;
	background-color: #E6E6E6; 
	padding: 5px; 
	margin-left: 5%;
	margin-right: 5%; 
	text-align: left;
}
.bodytext-r  {
	text-align: right;
	font-weight: normal;
	font-size: small;
	font-family: Arial, Helvetica, Sans-Serif;
}

#menucontainer_div {
	padding-top: 10px;
	background-color: #FFFFFF;
	margin: 0;
	width: 100%;
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 0px;
}
#header{
	height: 100px;
	padding-top: 10px;
	background-color: #FFFFFF;
	margin: 0;
	width: 100%;
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 0px;
}
#basestart {
	width: 70%;
	margin-top: 0;
	margin-bottom: 70px;
	z-index: 1;
	position: absolute;
	top: 20px;
	float: left;
	padding-bottom: 65px;
}

#trailcontent{
	 margin-top: 90px;
	 width: 1200px;
}
#hiddendiv{
	display: none;
	color: #808080;
}
#cse {
	width: 800px
}
#Wanderritte{
	position: relative; 
	width: auto; 
	height: 30px; 
	z-index: 3; 
	float: right;
	margin-left: auto;
	margin-right: 0; 
	top: 0px;
}
#Trailritte{
	position: relative; 
	width: auto; 
	height: 30px; 
	z-index: 3; 
	float: right;
	margin-left: auto;
	margin-right: 0; 
	top: 0px;
}
#menu1 a {color:grey;background-color:white;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:grey;text-decoration:none;}
#menu1 a:hover {color:black;background-color:#FFFF99}
#menu1 a:visited {color:black;text-decoration:none;}

.Body_links {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	text-align: left;
}
.Body_mitte {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	text-align: center;
}

.menucontainer_div {
	height: 60px;
	background-color: #FFFFFF;
	margin: 0;
	width: 100%
}
.menu2ndleveltext {
	width: 100%;
	font: normal normal normal 100% Arial, Helvetica, Sans-Serif;
	font-family: Arial, Helvetica, Sans-Serif;
}
.stylemothercontent {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	max-width: 100%;
}
.table50mothercontent {
	width: 50%;
	margin: 0 20% 0 20%;
}
.table70mothercontent {
	width: 100%;
}
.table70track_content {
	margin-left: 15%;
	margin-right: 15%;
}
.Trackcontentbody {
	height: 60px;
	text-align: center;
	margin-left: 0px;
	position: relative;
}
.styleNews {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	text-align: left;
}
.Überschrift_Balken {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
	font-size: x-large;
	font-weight: bolder;
	font: normal normal bolder x-large serif;
	background: #D7D7D7 url('formate.css') 0px 0px;
	text-align: center;
	font-style: normal;
}
.Überschrift_fett {
	border: 1px solid #C0C0C0;
	background-position: 0px 0px;
	text-decoration: none;
		text-align: center;
		font-weight: 700;
		background-image: url('formate.css');
		background-repeat: repeat;
		background-attachment: scroll;
		margin-left: 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	width: 432px;
}
#tabcontainer-fix {  /*submenu-Container für alte, nicht flex-Seiten */
	left: 103px; 
	float: left; 
	position: absolute; 
	vertical-align: text-bottom; 
	top: 48px;	
} 
.fb_iframe_widget {
	/*padding-right: 43px;*/
	padding-top: 3px;
}
#facebook{  /* Hauptstyle für Fb-Link  */
	background: #ddd;
	position: relative;
	height: 65px;
	z-index: 3;
	float: right;
	right: 15px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 30px;
	bottom: 10px;
}
#img-text {  /*  Text innerhalb des Images-Blocks ganze Breite*/
	margin:2px;
	width:90vw;
	min-width: 200px;
	text-align: left;
	max-width: 535px;
	padding-left: 5px;
}

/* Um alte Seiten mobil zu optimieren - noch nicht aktiviert da Umbau alter Seiten mit Entfernen aller pixel-Angaben und Tabellen zu umfangreich*/
/*#img-fix  {			/*Format für Bilder mit fester Größenangabe
	max-width: 100%;
}*/

/* responsive-styles  */
/*###################################################################
/*###################################################################
/*###################################################################*/
@media only screen and (max-width: 479px) {   /* Smartphone 5-6" Hoch und Firefox-PC schmalste Spalte*/

/* responsive Header    */

#kopf-fixed {
	position: relative;
}

#head-resp {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
#ww {
	width:100%;
}

.Logo {
	width 40%;
	float: left;
}
#page-motto {
	width: 60%;
	float: right;
	text-align: right;
	padding-top: 20px;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: x-large;
	color: #C0C0C0;
	font-weight:1000;
}
#chromemenu-flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: left;
	align-items: center;
	width: 100%;
}
.subcontainer {
	background-color: #FFFFFF;
	/*margin-top: 10px;*/
	width: 100%;
	position: relative ;
	z-index: 2;
	text-align: left;
}

/* responsive Karten-div Trackseitenkopf */
#tracktext  {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small; 
	width: 98%;  /* nötig um in Wysiwyg-Modus anzuzeigen */
	margin-top: 10px; 
	margin-bottom: 40px;
	text-align: left;
}
#tracktext-i {  /* Text als flex-Block im Bilder-Images-Abschnitt */
	width: 98%;  
	margin-top: 0px; 
	margin-bottom: 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#map  {
	/*width: 90vw;*/
	margin-top: 10px;
	height: 400px;
	position: relative;
	max-width: 90%;
	text-align: left;
	padding-left: 10px;
	margin-left: 15px;
}
.kartendiv_text {
/* alte karten-Divs enthalten Text
Formatierung funktioniert aber nicht */
}
.kartendiv_info {
	font-size: medium;
	text-align: right;	
	width: 400px;
	float: right;
	margin-top: 60vh;
	padding-right: 20px;
}


/* responsive - Trackseiten */
#img {
	margin:2px;
	width:90vw;
	min-width: 200px;
}
#img2 {			/* für doppelt breite Bilder  */
	margin:2px;
	width: 90vw;
	max-width:100%;
}

#images {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	margin-top: 20px;
}

.blocktext  {
	text-align: left; 
	width: 400px; 
	padding-right: 10px; 
	padding-left: 10px;
}
/* responsive - Trackseiten Ende */
/* alte Trackseiten und anderes  */

#menucontainer_div {  
	padding-top: 10px;
	background-color: #FFFFFF;
	margin: 0;
	width: 800px;
	position: relative;
	z-index: 2;
	top: 0px;
	left: 0px;
}
#header{
	height: 100px;
	padding-top: 10px;
	background-color: #FFFFFF;
	margin: 0;
	margin-bottom:25px;
	width: 100%;
	position: relative;
	z-index: 2;
	top: 0px;
	left: 0px;
}
#facebook{
	position: relative;
	right: 15px;
}
#basestart {
	z-index: 1;
	position: relative;
	float: left;
	padding-bottom: 65px;
}
#Wanderritte{
	position: relative; 
	width: auto; 
	height: 30px; 
	z-index: 3; 
	float: right;
	margin-left: auto;
	margin-right: 0px; 
	top: 50px;
}
#Tourenliste {
	padding-left: 0px; 
	min-width: 100%; 
	text-align: left;
}
#content  {
	padding-left: 0px; 
	min-width: 100%; 
	text-align: left;
}

#Trailritte{
	position: relative; 
	width: auto; 
	height: 30px; 
	z-index: 3; 
	float: right;
	margin-left: auto;
	margin-right: 0; 
	top: 50px;
}
#trailcontent{
	 margin-top: 140px;
	 width: 100%;
}
#content_overview {
	position: absolute;
	left: -10px;
	width: 100%;
	margin-top: 20px;
	margin-left: 10%;
	text-align: center;
	float: left;
}
#title {
	/*position:absolute;
	width: 100%;
	top: -30px;
	left: -5px;
	float: left;*/
}
#News {
	position: absolute;
	width: 75px; 
	height: 56px; 
	z-index: 3; 
	left: 0px; 
	top: 0px;
}
}
/*###################################################################
/*###################################################################
/*###################################################################*/
@media only screen and (min-width: 480px) and (max-width: 789px) {  /* Smartphone 5-6" quer und tablet 10" hoch*/
/* responsive Header    */

#kopf-fixed {
	position: relative;
}
 
#head-resp {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
#ww {
	width:100%;
}

.Logo {
	width 40%;
	float: left;
}
#page-motto {
	width: 60%;
	float: right;
	text-align: right;
	padding-top: 20px;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: x-large;
	color: #C0C0C0;
	font-weight:1000;

}
#chromemenu-flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: left;
	align-items: center;
	width: 100%;
}

.subcontainer {
	background-color: #FFFFFF;
	margin-top: 10px;
	width: 100%;
	position: relative ;
	z-index: 2;
	text-align: left;
}


/* responsive Karten-div Trackseitenkopf */
#tracktext  {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small; 
	width: 95%;  /* nötig um in Wysiwyg-Modus anzuzeigen */
	margin-top: 10px; 
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#tracktext-i {  /* Text als flex-Block im Bilder-Images-Abschnitt */
	width: 95%;  
	margin-top: 0px; 
	margin-bottom: 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#map  {
	margin-top: 10px;
	width: 90vw;
	max-width: 530px;
	height: 500px;
	position: relative;	
	text-align: left;
	padding-left: 10px;
}
.kartendiv_text {
/* alte karten-Divs enthalten Text
Formatierung funktioniert aber nicht */
}
.kartendiv_info {
	font-size: medium;
	text-align: right;	
	width: 400px;
	float: right;
	margin-top: 60vh;
	padding-right: 20px;
}


/* responsive Karten-div Trackseitenkopf */

/* responsive - Trackseiten */
#img {
	margin:2px;
	width:90vw;
	max-width: 540px;
}
#img2 {			/* für doppelt breite Bilder  */

	margin:2px;
	width: 90vw;
	max-width:100%;
}

#images {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
.blocktext  {
	text-align: left; 
	width: 400px; 
	padding-right: 10px; 
	padding-left: 10px;
}

#menucontainer_div {
	height: 70px;
	padding-top: 10px;
	background-color: #FFFFFF;
	margin: 0;
	width: 800px;
	position: relative;
	z-index: 2;
	top: 0px;
	left: 0px;
}
#header{
	height: 100px;
	padding-top: 10px;
	background-color: #FFFFFF;
	margin: 0;
	width: 100%;
	position: relative;
	z-index: 2;
	top: 0px;
	left: 0px;
}
#facebook{
	position: relative;
	right: 15px;
}
#content_overview {
	width: 100%;
	margin-top:100px;
	margin-left: 10%;
	text-align: center;
	float: left;
}
#title {
	position:absolute;
	top:-50px;
	left: 0px;
	margin-left: 0%;
	float: left;
}

#basestart {
	margin: 90px auto 0 auto;
	z-index: 1;
	position: relative;
	top: 0px;
	left: 15%;
	float: left;
	padding-bottom: 65px;
}
#Wanderritte{
	position: relative; 
	width: auto; 
	height: 30px; 
	z-index: 3; 
	float: right;
	margin-left: auto;
	margin-right: 0px; 
	top: 50px;
}
#Tourenliste {
	padding-left: 10px; 
	padding-right: 10px;
	max-width: 95%; 
	text-align: left;
}
#content  {
	padding-left: 10px; 
	padding-right: 10px;
	max-width: 95%; 
	text-align: left;
}

#Trailritte{
	position: relative; 
	width: auto; 
	height: 30px; 
	z-index: 3; 
	float: right;
	margin-left: auto;
	margin-right: 0; 
	top: 50px;
}
#trailcontent{
	 margin-top: 140px;
	 width: 100%;
}
#News {
	position: absolute;
	width: 75px; 
	height: 56px; 
	z-index: 3; 
	left: 0px; 
	top: 0px;
}
}
/*###################################################################
/*###################################################################
/*###################################################################*/

@media only screen and (min-width: 790px) and (max-width: 1199px) { /*tablet 10" quer*/

/* responsive Header    */
#kopf-fixed {
	position: relative;
	z-index:5;
	background:white;
	width: 100%;
	top: 0px;
	padding-bottom: 20px;
}

#head-resp {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
#ww {
	width:100%;
}

.Logo {
	width 40%;
	float: left;
}
#page-motto {
	width: 60%;
	float: right;
	text-align: right;
	padding-top: 20px;
	padding-right: 5%;	
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: x-large;
	color: #C0C0C0;
	font-weight:1000;

}
#menucontainer {
	left: 90px;
	width: 60%;
	top: 10px;
	position: absolute;
}
#chromemenu-flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: left;
	align-items: center;
	width: 100%;
}
.subcontainer {
	background-color: #FFFFFF;
	margin-top: 10px;
	width: 100%;
	position: relative ;
	z-index: 2;
	text-align: left;
	padding-left: 8px;
}
#basetracks {
	top: 60px;
}
/* responsive Karten-div Trackseitenkopf */
#tracktext  {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small;
	width: 90%;  /* nötig um in Wysiwyg-Modus anzuzeigen */
	margin-top: 110px; 
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#tracktext-i {  /* Text als flex-Block im Bilder-Images-Abschnitt */
	width: 90%;
	margin-top: 0px; 
	margin-bottom: 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#Tourenliste {
	padding-left: 10px;
	text-align: left; 
}
#content  {
	padding-left: 10px; 
	text-align: left;
}

#map  {
	margin-top: 0px;
	margin: 2px;
	width: 70vw;
	max-width: 530px;
	height: 405px;
	position: relative;
	text-align: left;	
	padding-left: 10px;
}
.kartendiv_text {
/* alte karten-Divs enthalten Text
Formatierung funktioniert aber nicht */
}
.kartendiv_info {  /* ausschließlich für die seitenfüllenden Übersichtskarten*/
	font-size: medium;
	text-align: right;	
	width: 400px;
	float: right;
	margin-top: 60vh;
	padding-right: 20px;
}


/* responsive Karten-div Trackseitenkopf */

/* responsive - Trackseiten */

#img {
	margin:2px;
	width: 70vw;
	max-width: 540px;
}
#img2 {			/* für doppelt breite Bilder  */
	width:95vw;
	max-width: 1083px;
}

#images {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
.blocktext  {
	text-align: left; 
	width: 500px; 
	padding-right: 10px; 
	padding-left: 10px;
}

#menucontainer_div {
	height: 70px;
	padding-top: 10px;
	background-color: #FFFFFF;
	margin: 0;
	width: 800px;
	position: relative;
	z-index: 2;
	top: 0px;
	left: 0px;
}
#header{
	height: 100px;
	padding-top: 10px;
	background-color: #FFFFFF;
	margin: 0;
	width: 100%;
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 0px;
}

#facebook{
	position: relative;
	right: 15px;
}
#content_overview {
	margin-top: 100px;
	width: 100%;
	margin-left: 20%;
	text-align: center;
	float: none;
}
#title {
	/*position:absolute;
	margin-left: 10%;
	float: left;*/
}
#basestart {
	margin-bottom: 90px;
	z-index: 1;
	position: relative;
	top: -20px;
	float: left;
	padding-bottom: 65px;
}

#News {
	position: absolute;
	width: 75px; 
	height: 56px; 
	z-index: 3; 
	left: 0px; 
	top: 70px;
}
#Wanderritte{
	position: relative; 
	width: auto; 
	height: 30px; 
	z-index: 3; 
	float: right;
	margin-left: auto;
	margin-right: 0; 
	top: 50px;
}
#Tourenliste {
	padding-left: 20px;
	padding-right: 20px; 
	text-align: left;
}
#content  {
	padding-left: 20px;
	padding-right: 20px; 
	text-align: left;
}

#Trailritte{
	position: relative; 
	width: auto; 
	height: 30px; 
	z-index: 3; 
	float: right;
	margin-left: auto;
	margin-right: 0; 
	top: 50px;
}
#trailcontent{
	 margin-top: 140px;
	 width: 100%;
}
}
/*###################################################################
/*###################################################################
/*###################################################################*/
@media only all and (min-width: 1200px) {

/* responsive Header    */
#kopf-fixed {
	position: fixed;
	z-index:5;
	background:white;
	width: 100%;
	top: 0px;
	padding-bottom: 20px;
}

#head-resp {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
#ww {
	width:100%;
}

.Logo {
	width: 70px;
	float: left;	
}
#page-motto {
	width: 40%;
	float: right;
	text-align: right;
	padding-top: 20px;
	padding-right: 5%;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: x-large;
	color: #C0C0C0;
	font-weight:1000;

}
#menucontainer {
	left: 90px;
	width: 60%;
	top: 10px;
	position: absolute;
}
#chromemenu-flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: left;
	align-items: center;
	width: 100%;
}

.subcontainer {
	background-color: #FFFFFF;
	margin-top: 10px;
	width: 100%;
	position: relative ;
	height: 40px;
	text-align: left;
	padding-left: 8px;
}


/* responsive Karten-div Trackseitenkopf */
#basetracks {
	top: 80px;
}

#tracktext {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	width: 70%; 
	margin-left:auto;
	margin-right: auto;
	margin-top: 100px;
	padding-bottom: 20px;
	text-align:left;
}
#tracktext-i {  /* Text als flex-Block im Bilder-Images-Abschnitt */
	width: 70%;  
	margin-top: 0px; 
	margin-bottom: 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#Tourenliste {
	padding-left: 90px;
	padding-right: 90px;
	text-align: left; 
}
#content  {
	padding-left: 90px;
	padding-right: 90px;
	text-align: left; 
}

#map  {
	width: 540px;
	height: 405px;
	margin: 2px;
	position: relative;	
	text-align: left;
	padding-left: 10px;
}
.kartendiv_text {
/* alte karten-Divs enthalten Text
Formatierung funktioniert aber nicht */
}
.kartendiv_info {
	font-size: medium;
	text-align: right;	
	width: 400px;
	float: right;
	margin-top: 60vh;
	padding-right: 20px;
}

/* responsive Karten-div Trackseitenkopf */

/* responsive - Trackseiten */
#img {
	margin:2px;
	width:540px;
}
#img2 {			/* für doppelt breite Bilder  */
	margin:10px;
	width:95vw;
	max-width:1083px;
}

#images {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
.blocktext  {
	text-align: left; 
	width: 380px; 
	padding-right: 10px; 
	padding-left: 10px;
}

#content_tracks {
	width: 750px;
	text-align: left;
	background-color: white;
}
#title {
	/*position:absolute;
	top: 50px;
	left: 0px;
	margin-left: 0%;
	float: left;*/
}
#content_overview {
	margin-top: 75px;
	width: 100%;
	margin-left: 20%;
	text-align: center;
	float: none;
}

#facebook{
	position: fixed;
	right: 15px;
}
}