/*  CODE FÃœR DEN CONTENT BEREICH	*/


#FRAME {
	max-width: 100%;	/* Skalierungs-Sperre für neue Content-Layouts umgehen */
	min-width: 100px;	/* MUSS in "content.css" stehen, denn nur für neue Layouts geeignet. */

	/* TEST-CODE */
	max-width: 65em;	/* Begrenzung auf eine sinnvolle Breite für Fließtext */
}



/*  –––| START:   SubMenu  "ReiseRoute" im alten Layout |–––––––––––––	*/

table#ReiseRoute {
	empty-cells: hide;
	background-color: #00000050;
}
/*  –––| ENDE:    SubMenu  "ReiseRoute" im alten Layout |–––––––––––––	*/




/*	CodeBlock START:    "Artikel" in bisherigem Tabellen-Layout –––––––––––––––––––––––––––––	*/

/* Basis-Einstellungen der Tabellen.
Da alte Tabellen noch vorhanden, müssen die Klassen direkt angesprochen werden. */
table#ReiseRoute, table#ReiseRoute tr, table#ReiseRoute td
table#Artikel, table#Artikel tr, table#Artikel td
table.SpaltenSatz, table.SpaltenSatz tr, table.SpaltenSatz td
table#LaenderInfoBlock, table#LaenderInfoBlock tr, table#LaenderInfoBlock td
{
	width: 100%;
	overflow: hidden;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#Artikel, #Artikel td, #Artikel p {
	/*	background-color: #ff000020;		/*DEVEL*/
	empty-cells: hide;
	/*	max-width: 950px;		/*	veraltet. Ersetzt "width: 100%" für alle Tabellen.	/**/
	/*	font-size: 14px;		/*	moved to #Content*/
}
#Artikel td {
	overflow: hidden;
}

/* ------Currently done by #CONTENT
#Artikel h1, #Artikel h2 {
	padding: 1em 2rem 0.5em 2rem;
	font-family: 'Yu Gothic', 'Heebo', arial, helvetica, clean, sans-serif;
}
#Artikel h1 {
	font-size: 3em;
	font-weight: 300;
}
#Artikel h2 {
	font-size: 2em;
	font-weight: 400;
}
#Artikel p {
	padding: 0.25em 1em;
}
------- */

table.SpaltenSatz {
	/*	background-color: #00ff0030;		/*DEVEL*/
	table-layout: fixed;		/*	sorgt dafür dass Breite Beschreibung = Bild-Breite ist	*/
	empty-cells: hide;
	width: 100%;
	/*	height: auto;	/**/
	height: min-content;
}
table.SpaltenSatz td, table.SpaltenSatz .BildTextUnten  {
	/* max-width: 33.33333%;	/**/
	margin: 0.25em 0.25em 0 0.25em;		/***  geht nicht !  ***/
	padding: 0.25em;
}
table.SpaltenSatz td p, table.SpaltenSatz .BildTextUnten {
	padding: 0.5em 1em 2em 1em;
	vertical-align: top;
	border-color: #00000030;		/***  geht nicht !  ***/
	border-width: 0 1px 1px 1px		/***  geht nicht !  ***/
}
table.SpaltenSatz a {
    font-size: 0;				/*	FIX:  Abstand verhindern, wenn <a>[return]<img>[return]</a>	*/
}
table.SpaltenSatz img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 1em;
	border: 1px solid #00000010;
}
.SpaltenSatz img:hover {
  -webkit-transform: scale(1.01);	/**/
  transform: scale(1.01);
  overflow: hidden;
  box-shadow: 0 2 3 #00000040;
}
/*	CodeBlock ENDE:     "Artikel" in bisherigem Tabellen-Layout |––––––––––––––	*/

/*  CodeBlock START:	Layout-Formatierungen für "Artikel" |–––––––––––––––––––*/

/*  CodeBlock ENDE: 	Layout-Formatierungen für "Artikel" |–––––––––––––––––––*/

/*	CodeBlock START:     Länderinfos |–––––––––––––––––––––––––––––––––––––––––	*/
#LaenderInfoBlock {
	display: flex;
	empty-cells: hide;
	/*	background-color: #DDD;	/**/
	margin:	1em 0 0 0;
	padding: 1em;
	border-top: 1px solid #00000060;
	/*	vertical-align: top;	/*Test*/
}
#LaenderInfoBlock .Icon, #LaenderInfoBlock .Icon img {
	margin: auto 0 0 0;
	width: 8em;
	vertical-align: bottom;
	text-align: right;
}
#LaenderInfoBlock a {
	display: block;
	margin: auto;
	width: max-content;
	border: 1px solid #00000000;	/* transparenter Rand, verhindert "wackeln"	*/
	text-decoration: none;
}
#LaenderInfoBlock a:hover {
	border: 1px solid #00000040;	/**/
	border-radius: 0.4em;
	box-shadow: 1px 1px 3px #00000080;	/**/
}

#LaenderListe {
	margin: auto 0 auto auto;
	padding-bottom: 1.5em;
	width: max-content;
}
#LaenderListe #Titel {
	font-size: 1.1em;
	text-align: center;
	width: auto;
	padding: 0.5em 1em;
}
#LaenderListe .Land {
	font-size: 0.9em;
	text-align: center;
	width: auto;
	padding: 0.125em 1em;
}



#Land {
	/*	border: 1px solid #00000010;	/**/
	table-layout: fixed;	/**/
}
table#Land {
	width: calc(100% - 1.6em);
	margin: 0.8em;
}
#Land .LandTitel, #Land .LandTitelInfo, #Land .Bezeichner, #Land .Beschreibung {
	background-size: contain;
	border-radius: 0.2em;

	/* color: #FFFFFFee;*/
	padding: 0.4em 0.6em;
	border-top: 1px solid #FFFFFF30;
	border-left: 1px solid #FFFFFF60;
	border-right: 1px solid #00000060;
	border-bottom: 1px solid #00000030;
	vertical-align: top;
	background-color: #00000008;


	text-shadow: 1px 1px 2px #FFFFFF60;
	box-shadow: 1px 1px 3px 0 #FFFFFF40; /* #00000020;  /**/
	text-decoration: none;
}
#Land td.LandTitel, #Land td.Bezeichner {
	min-width: 10em;
	/*	max-width: max-content;	/**/
	width: 10em;
	text-align: right;
}
#Land .LandTitel {
	background-color: #44449935;
	font-weight:bold;
}
#Land .LandTitelInfo {
	background-color: #44449920;
}
#Land .Bezeichner {
	/* min-width: 20em;
	/* width: max-content;	/**/

}
#Land .Beschreibung {

}
#PflichtAngaben {
	position: relative;
	padding: 1em;
}
#PflichtAngaben h1, #PflichtAngaben h2, #PflichtAngaben h3, #PflichtAngaben h4, #PflichtAngaben h5, #PflichtAngaben h6 {
	padding: 2em 1em 0.5em 6pt;
	margin: 0;

}



#PflichtAngaben p {
	padding: 0.25em 1em 0.25em 6pt;
	margin: 0;
	text-align: justify;

}
.Impressum, .Copyright, .Haftung, .Datenschutz {
	color: #000000DD;
	/*	border: 0 solid #00000060;
	border-top: 1px solid #00000060;
	border-bottom: 1px solid #00000060;	/**/
}
.Impressum {
	text-align: left;
}
.Impressum .BildLinks {
	padding: 0.25em 1em 0.25em 6pt;
}
.Impressum .BildLinks img {
	height: 9em;
	border: 1px solid #00000010;
	box-shadow: 1px 1px 2px #00000060;
	border-radius: 0.2em;
}
.LogoLeiste {
	/*	position: absolute;
	right: 0;		/**/
	float: right;
	margin: 3em 0.6em 0.5em 1.3em;
	padding: 0 1em;
	text-align: center;
	background-color: #00000015;
	box-shadow: 1px 1px 2px #00000060;

	width: 8em;
	width: min-content;
}
.LogoLeiste p, #PflichtAngaben .LogoLeiste h2 {
	margin-top: 0;
	padding-top: 0.5em;
	padding-bottom: 1.5em;
}
.LogoLeiste p, #PflichtAngaben .LogoLeiste p {
	font-size: 0.7em;
	text-align: center;
}
.LogoLeiste .Logo {
	padding-top: 1em;
	padding-bottom: 1em;
}
.LogoLeiste .Logo img {
	max-width: 7em;
	width: unset;


}

/*	CodeBlock ENDE:     Länderinfos |––––––––––––––––––––––––––––––––––––––––––	*/