/* ################# */
/* Layout 2025-11-07 */
/* ################# */

/*####################################################################################################################################*/
/* Grundeinstellungen          */
/*####################################################################################################################################*/
/* Grundeinstellungen – gilt für alles */
*, *::before, *::after 	{box-sizing:border-box;}		/* Sorgt dafür, dass Padding & Border in die Breite eingerechnet werden */
/* Grundlayout */
body 				{margin: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.4; background: #ffffff; }
/* eigentlicher Seitenrahmen */
#Page				{max-width: 998px; width: 96%; margin: 0 auto; padding: 0px;}
#Text 				{margin:0 auto; padding:10px;}

/* ---------- Banner allgemein ---------- */
.Titel-Banner img 		{display:block; max-width:100%; height:auto; margin:0 auto;}

/* ---------- Allgemeine Textdefinitionen (für alle Geräte) ---------- */
h1 				{font-weight:bold; text-align:center; line-height:1.2;}
h2 				{font-weight:bold; text-align:left; line-height:1.2;}
h3 				{font-weight:bold; text-align:left; line-height:1.2;}
p  				{text-align:justify; margin-top:0px; line-height:1.3; font-family:Verdana, Geneva, Arial, sans-serif; }
p				{font-size:14px;}
/* MainMeneu – Grundzustand (Desktop) */
#MainMeneu-1 			{background-color:#1A3E66; border-color:#486B8F;}
#MainMeneu-1 ul 		{margin:0; padding:0; list-style:none; text-align:center;}
#MainMeneu-1 ul li 		{display:inline-block;}
#MainMeneu-1 ul li a 		{display:inline-block; padding:6px 15px; color:#fff; text-decoration:none; border-left:1px solid #000; border-right:1px solid #000; background:#1A3E66;}
#MainMeneu-1 ul li a:hover,
#MainMeneu-1 ul li a#current 	{background:#486B8F; color:#fff;}
/* Button im Normalfall ausblenden */
.menu-toggle 			{display:none;}


/*####################################################################################### */
/* 1. DESKTOP / LAPTOP – ab 768px */
/*####################################################################################### */
@media (min-width:768px) 
	{
	/* Schriftgröße --------------------------- */
	p  				{font-size:14px;}

	.a00_Top-MainMeneu a:hover {font-size:13px; padding:0 5px; text-decoration:underline;}
	.a01_IRF-Titel_Tabelle 			{font-size:12px; font-weight:bold; margin:0px;}
	/* MainMeneu 1 (Hauptmenü) – Desktop */
	#MainMeneu-1 			{font-size:16px; width:100%; text-align:center; background-color:#1A3E66; border-color:#486B8F;}
	#MainMeneu-1 ul 		{font-weight:bold; margin:0; padding:0;}
	#MainMeneu-1 ul li 		{height:26px; margin:0; padding:0; list-style:none; display:inline;}
	#MainMeneu-1 ul li a 		{padding:6px 15px; margin:0; border-left:1px solid #000000; border-right:1px solid #000000; text-decoration:none; display:inline-block; border-color:#486B8F; background:#1A3E66; color:#FFFFFF;}
	#MainMeneu-1 ul li a:hover,
	#MainMeneu-1 ul li a#current {color:#FFFFFF; background:#486B8F;}
	/* Hamburger-Button standardmäßig ausblenden (nur Desktop) */
	.menu-toggle {display:none;}

	/* ---------------------------------------------------- */
	/* MainMeneu 2 (Seitenleiste/Footer) */
	#MainMeneu-2 			{font-size:16px; padding:10px 10px 5px 10px; background-color:#1A3E66; color:#ffffff; line-height:150%;}
	#MainMeneu-2 a 		{color:#ffffff;}
	#MainMeneu-2 a:hover 		{color:#FFC300; }
	/* Impressum ---------------------------- */
	#Impressum-1 			{font-size:15px; line-height:1.5; padding:10px 10px 2px 10px; background-color:#F0F8FF; }
	/* Info-Box ---------------------------- */
	#TextInfo-2			{font-size:13px; line-height:1.4; padding:10px 10px 2px 10px; background-color:#F8F8F8;}
	/* Impresum Footer ---------------------------- */
	#Impressum-2			{font-size:12px; line-height:1.5; padding:10px 10px 10px 10px; background-color:#1A3E66; color:#ffffff; }
	#Impressum-2 a			{color:#ffffff; }		
	#Impressum-2 a:hover 		{color:#FFC300; }

	
	/* Titel Tabelle ---------------------------*/
	.a01_IRF-Titel_Tabelle			{font-size:14px; font-weight:bold; text-align:center;}
	/* Titel ----------------------------------*/
	.a11_Titel_1_Seite		{font-size:24px; font-weight:bold; margin:0px; margin-top:10px;}
	.a12_Titel_1_Seite_klein	{font-size:16px; font-weight:bold; margin:0px; margin-top:10px;  text-align:center;}
	.a15_Reisefuehrer_Link		{font-size:12px; font-weight:bold; text-align:left; margin-top:15px; border-color:#CCCCCC; border-width:10px; border-style:solid; background-color:#CCCCCC; }
	.a17_Inhalt_Ortsliste		{font-size:16px; font-weight:bold; text-align:justify; margin:0px; margin-bottom:5px; line-height:26px }
	.a18_Online_Guide		{font-size:10px; font-weight:bold; text-align:left; margin:0px; margin-bottom:10px; }
	/* Text ------------------------------*/
	.a21_Titel_2_Objekt		{font-size:20px; font-weight:bold; text-align:left; margin-top:5px; background-color:#BDBDBD; border-style:solid; border-color:#DBDBDB; border-width:8px; padding:10px; }
	.a22_Titel_2_Text		{font-size:20px; font-weight:bold; text-align:left; margin:0px; margin-top:5px; }
	.a23_Sehenswuerdigkeiten	{font-size:16px; font-weight:bold; text-align:left; text-align:justify; line-height:1.2; margin:0px;}
	.a24_Sehenswuerdigkeiten_Sterne	{font-size:14px; font-weight:normal; text-align:left; text-align:justify; line-height:1.2; margin:0px;}
	.a25_Bildunterschrift		{font-size:11px; font-weight:normal; text-align:left; }
	.a28_WV_Reiseführer		{font-size:16px; font-weight:bold; text-align:justify; line-height:130% }
	.a29_ReiseInfos			{font-size:13px; text-align:justify; margin:0px; line-height:1.2 }
	/* BOX ------------------------------*/
	.a51_Box_Titel			{font-size:18px; font-weight:bold; text-align:left; margin-top:0px; margin-bottom:7px;  line-height:1.0;}
	.a52_Box_Text			{font-size:14px; text-align:justify;  line-height:1.0;}
	.a53_Box_Info			{font-size:10px; text-align:left;  line-height:1.0;}
	/* Impresssum ------------------------------*/
	.a81_Impressum_Titel_1		{font-size:14px; font-weight:bold; text-align:left; margin-bottom:5px; }
	.a83_Impressum_1_Text		{font-size:12px; text-align:left; }
	.a83_Impressum_2_Text		{font-size:12px; text-align:left; }
	.a84_Impressum_Info		{font-size:10px; text-align:left; }
	/* Schriftgröße Absatz-Text */
	.a45_Reisetipp			{font-size:12px; font-weight:bold; text-align:left; margin-bottom:7px; }
	.a44_Bus_Bahn_Info		{font-size:10px; font-weight:bold; color:#FF0000; }
	.a44_PanoramaBild		{font-size:14px; font-weight:bold; text-align:left; margin:0px; color:#FF0000; }
	.a91_TOP_Zurueck		{margin:10px; }
	.a92_Link_Internet		{color:#0000FF; }

	/* Bildgrößen ----------------------------------------------------------*/
	.WRF_Titel			{width:300px; height:480px;}
	.WRF_Link 			{width:170px; height:300px;}
	.IRF-Seiten	 		{max-width:100%; height:auto;}
	.IRF-Titel_Link 		{width:300px; height:200px;}
	.EM-Seiten	 		{max-width:100%; height:auto;}
	.EM-Titel_Link 			{width:300px; height:200px;}

	.Bild_Tipp 			{max-width:100%; height:auto;}
	.Bild_Box 			{max-width:50%; height:auto;}
	.Bild_Personen 			{width:500px; height:350px;}
	.Bild_200x133 			{width:200px; height:133px;}
	.Bild_300x200 			{width:300px; height:200px;}
	.Bild_300x300 			{width:30%; height:auto}
	.Bild_500x340 			{max-width:50%; height:auto;}
	.Bild_500x500 			{max-width:50%; height:auto;}
	.Bild_1000x688	 		{max-width:100%; height:auto;}

	/* Inhaltsverzeichnis ----------------------------------------*/
	div.Titel-150 			{text-align:center;}
	div.Titel-150 div 		{font-size:12px; font-weight:bold; width:150px; display:inline-block; vertical-align:top; padding:5px;}
	div.Titel-200 			{text-align:center;}
	div.Titel-200 div 		{font-size:12px; font-weight:bold; width:200px; display:inline-block; vertical-align:top; padding:5px;}
	div.Titel-300 			{text-align:center;}
	div.Titel-300 div 		{font-size:12px; font-weight:bold; width:300px; display:inline-block; vertical-align:top; padding:5px;}
	div.Titel-460 			{text-align:center;}
	div.Titel-460 div 		{width:460px; display:inline-block; vertical-align:top; padding:10px;}

	/* Tabelle Box-Anzeigen ---------------------------- */
	table._Box-AZ-Text 		{width:99%; border:5px; border-color:#CCCCCC; cellpadding:10px; cellspacing:5px; background-color:#CCCCCC;}
	table._Box-Info-Text 		{width:99%; border:10px; border-color:#FFFFFF; cellpadding:50x; cellspacing:50px;}
	table._Box-Reisetipp 		{width:99%; border:5px; border-color:#FFFFFF; cellpadding:50x; cellspacing:50px;}
	hr 				{width:auto; }
	a				{}
	a:hover				{color:#FF0000; }
	}

/*####################################################################################### */
/* 2. TABLET Hochformat – 600px bis 767px */
/*####################################################################################### */
@media (min-width:600px) and (max-width:767px) 
	{
	p				{ font-size:12px;}
	
	/* MainMeneuen im Tablet-Bereich */
	.a00_Top-MainMeneu 		{ font-size:13px; padding:0px; }
	/* Impressum 1 (Helle Box) */
	#Impressum-1 			{ font-size:13px; padding:10px 10px 2px 10px; background-color:#F0F8FF; }
	#Impressum-1 a 			{ color:#1A3E66; } 
	#Impressum-1 a:hover 		{ color:#486B8F; }
	/* Text-Boy ----------*/
	#TextInfo-2 			{ font-size:13px; padding:10px 10px 2px 10px; background-color:#F8F8F8; }
	/* Impressum 2 (Dunkle Footer Box) */
	#Impressum-2 			{ font-size:12px; padding:10px 10px 10px 10px; background-color:#1A3E66; color:#ffffff; }
	#Impressum-2 a 			{ color:#ffffff; }		
	#Impressum-2 a:hover 		{ color:#FFC300; } 

	/* Titel Tabelle ---------------------------*/
	.a01_IRF-Titel_Tabelle			{font-size:12px; font-weight:bold; text-align:center;}
	/* Titel ----------------------------------*/
	.a11_Titel_1_Seite		{font-size:18px; font-weight:bold; margin:0px; margin-top:10px;}
	.a12_Titel_1_Seite_klein	{font-size:14px; font-weight:bold; margin:0px; margin-top:10px; text-align:center; }
	.a15_Reisefuehrer_Link		{font-size:12px; font-weight:bold; text-align:left; margin-top:15px; border-color:#CCCCCC; border-width:10px; border-style:solid; background-color:#CCCCCC; }
	.a17_Inhalt_Ortsliste		{font-size:14px; font-weight:bold; text-align:justify; margin:0px; margin-bottom:5px; line-height:20px }
	.a18_Online_Guide		{font-size:10px; font-weight:bold; text-align:left; margin:0px; margin-bottom:10px; }

	.a21_Titel_2_Objekt		{font-size:16px; font-weight:bold; text-align:left; margin-top:5px; background-color:#BDBDBD; border-style:solid; border-color:#DBDBDB; border-width:8px; padding:10px; }
	.a22_Titel_2_Text 		{font-size:14px; }
	.a23_Sehenswuerdigkeiten	{font-size:12px; font-weight:bold; line-height:1.2; text-align:justify; margin-top:0px;} 
	.a24_Sehenswuerdigkeiten_Sterne, 
	.a25_Bildunterschrift		{font-size:11px; font-weight:normal; text-align:left; }
	.a28_WV_Reiseführer		{font-size:14px; font-weight:bold; text-align:justify; line-height:130% }
	.a29_ReiseInfos			{font-size:12px; text-align:justify; margin:0px; line-height:1.2 }
	/* BOX ------------------------------*/
	.a51_Box_Titel			{font-size:14px; font-weight:bold; text-align:left; margin-top:0px; margin-bottom:7px;  line-height:1.0;}
	.a52_Box_Text			{font-size:10px; text-align:justify; l line-height:1.0;}
	.a53_Box_Info			{font-size:10px; text-align:left;  line-height:1.0;}

	/* Impresssum ------------------------------*/
	.a81_Impressum_Titel_1		{font-size:14px; font-weight:bold; text-align:left; margin-bottom:5px; }
	.a83_Impressum_1_Text		{font-size:12px; text-align:left; }
	.a83_Impressum_2_Text		{font-size:12px; text-align:left; }
	.a84_Impressum_Info		{font-size:10px; text-align:left; }

	/* Impresum Footer ---------------------------- */
	#Impressum-2			{font-size:12px; line-height:1.5; padding:10px 10px 10px 10px; background-color:#1A3E66; color:#ffffff; }
	#Impressum-2 a			{color:#ffffff; }		
	#Impressum-2 a:hover 		{color:#FFC300; }


	/* Die kleinen 10px / 9px Boxen in der Regel auf 12px oder 10px hochsetzen */
	.a52_Box_Text, .a53_Box_Info, .a84_Impressum_Info, .a25_Bildunterschrift {font-size:10px; line-height:1.2; }

	/* 4. BILDBREITE (Anpassung an die Fluid-Breite) ---------------------*/
	/* Feste Pixelwerte (width:500px) sind in Media Queries gefährlich */
	.Bild_Personen, 
	.Bild_500x340, 
	.Bild_500x500 {max-width:100%; height:auto;}
	
	/* Bildgröße ----------------------------*/
	.Titel_Link 			{width:300px; height:200px;}
	.WRF_Link 			{width:170px; height:300px;}
	.IRF-Seiten	 		{max-width:100%; height:auto;}
	.IRF-Titel_Link 		{width:300px; height:200px;}
	.EM-Seiten	 		{max-width:100%; height:auto;}
	.EM-Titel_Link 			{width:300px; height:200px;}


	.Bild_Tipp 			{max-width:100%; height:auto;}
	.Bild_Box 			{max-width:50%; height:auto;}
	.Bild_Personen 			{width:500px; height:350px;}
	.Bild_200x133 			{width:200px; height:133px;}
	.Bild_300x200 			{width:300px; height:200px;}
	.Bild_300x300 			{width:300px; height:300px;}
	.Bild_500x340 			{width:480px; height:300px;}
	.Bild_500x500 			{width:480px; height:480px;}
	.Bild_1000x688	 		{width:1000px; height:auto;}
	
	.a91_TOP_Zurueck		{margin:10px; }
	.a92_Link_Internet		{color:#0000FF; }
	
	.Bild_300x200,
	.Bild_200x133,
	.Bild_300x300,
	.Bild_500x340,
	.Bild_500x500 			{float:none !important; display:block; margin:0 auto 10px auto; width:100%; height:auto; }
	/* Inhaltsverzeichnis ----------------------------------------*/
	div.Titel-150 			{text-align:center;}
	div.Titel-150 div 		{font-size:12px; font-weight:bold; width:150px; display:inline-block; vertical-align:top; padding:5px;}
	div.Titel-200 			{text-align:center;}
	div.Titel-200 div 		{font-size:12px; font-weight:bold; width:200px; display:inline-block; vertical-align:top; padding:5px;}
	div.Titel-300 			{text-align:center;}
	div.Titel-300 div 		{font-size:12px; font-weight:bold; width:300px; display:inline-block; vertical-align:top; padding:5px;}
	div.Titel-460 			{text-align:center;}
	div.Titel-460 div 		{width:460px; display:inline-block; vertical-align:top; padding:10px;}
	}

/*####################################################################################### */
/* §. SMARTPHONE (hoch & quer) – bis 599px */
/*####################################################################################### */
@media (max-width:599px) 
	{
    	p  { font-size:14px; }
	

	/* Button anzeigen */
	.menu-toggle {display:block; background-color:#1A3E66; color:#ffffff; padding:5px 8px; font-size:14px; cursor:pointer; margin-bottom:6px; border:1px solid #486B8F; border-radius:4px; text-align:left;}
	/* Liste zuerst verstecken */
	#MainMeneu-1 ul {display:none; text-align:left; width:100%;}
	#MainMeneu-1 ul.show {display:block;}
	#MainMeneu-1 ul li {display:block; height:auto;}
	#MainMeneu-1 ul li a {display:block; border-left:0; border-right:0; border-top:1px solid #486B8F; background:#1A3E66; color:#ffffff; font-size:10px; padding:5px 6px; }
	#MainMeneu-1 ul li a:hover,
	#MainMeneu-1 ul li a#current {background:#486B8F;}

	body {padding:6px;}
	#Text {padding:6px;}

	#MainMeneu-2 			{background-color:#1A3E66; line-height:140%;}
	#Impressum-1			{font-size:9px;}

	/* MainMeneu 2 für Handy lesbar machen */
	#MainMeneu-2 			{padding:8px 6px;}
	#MainMeneu-2 p 		{font-size:10px; line-height:1.3;}
	#MainMeneu-2 a 		{display:block; margin:2px 0; color:#ffffff;}

	/* Impresum Footer ---------------------------- */
	#Impressum-2			{font-size:12px; line-height:1.5; padding:10px 10px 10px 10px; background-color:#1A3E66; color:#ffffff; }
	#Impressum-2 a			{color:#ffffff; }
	#Impressum-2 a:hover 		{color:#FFC300; }


	/* Titel Tabelle ---------------------------*/
	.a01_IRF-Titel_Tabelle		{font-size:12px; font-weight:bold; text-align:center;}
	/* Titel für SMARTPHONE ----------------------------------*/
	.a11_Titel_1_Seite		{font-size:16px; font-weight:bold; margin:0px; margin-top:10px;}
	.a12_Titel_1_Seite_klein	{font-size:12px; font-weight:bold; margin:0px; margin-top:10px; text-align:center; }
	.a15_Reisefuehrer_Link		{font-size:10px; font-weight:bold; text-align:left; margin-top:15px; border-color:#CCCCCC; border-width:10px; border-style:solid; background-color:#CCCCCC; }
	.a17_Inhalt_Ortsliste		{font-size:10px; font-weight:bold; text-align:justify; margin:0px; margin-bottom:5px; line-height:18px }
	.a18_Online_Guide		{font-size:10px; font-weight:bold; text-align:left; margin:0px; margin-bottom:10px; }
	/* Text  für SMARTPHONE ------------------------------*/
	.a21_Titel_2_Objekt		{font-size:14px; font-weight:bold; text-align:left; margin-top:5px; background-color:#BDBDBD; border-style:solid; border-color:#DBDBDB; border-width:8px; padding:10px; }
	.a22_Titel_2_Text		{font-size:14px; font-weight:bold; text-align:left; margin:0px; margin-top:5px; }
	.a23_Sehenswuerdigkeiten	{font-size:12px; font-weight:bold; text-align:left; text-align:justify; line-height:1.2; margin:0px;}
	.a24_Sehenswuerdigkeiten_Sterne	{font-size:12px; font-weight:normal; text-align:left; text-align:justify; line-height:1.2; margin:0px;}
	.a25_Bildunterschrift		{font-size:10px; font-weight:normal; text-align:left; }
	.a28_WV_Reiseführer		{font-size:10px; font-weight:bold; text-align:justify; line-height:130% }
	.a29_ReiseInfos			{font-size:10px; text-align:justify; margin:0px; line-height:1.2 }
	/* BOX  für SMARTPHONE ------------------------------*/
	.a51_Box_Titel			{font-size:12px; font-weight:bold; text-align:left; margin-top:0px; margin-bottom:7px; line-height:1.0; }
	.a52_Box_Text			{font-size:10px; text-align:justify; line-height:1.0; }
	.a53_Box_Info			{font-size:10px; text-align:left; line-height:1.0; }
	/* Impresssum  für SMARTPHONE ------------------------------*/
	.a81_Impressum_Titel_1		{font-size:12px; font-weight:bold; text-align:left; margin-bottom:5px; }
	.a83_Impressum_1_Text		{font-size:10px; text-align:left; }
	.a83_Impressum_2_Text		{font-size:10px; text-align:left; }
	.a84_Impressum_Info		{font-size:10px; text-align:left; }
	/* Schriftgröße Absatz-Text */
	.a45_Reisetipp			{font-size:12px; font-weight:bold; text-align:left; margin-bottom:7px; }
	.a44_Bus_Bahn_Info		{font-size:10px; font-weight:bold; color:#FF0000; }
	.a44_PanoramaBild		{font-size:14px; font-weight:bold; text-align:left; margin:0px; color:#FF0000; }
	.a91_TOP_Zurueck		{margin:10px; }
	.a92_Link_Internet		{color:#0000FF; }


	/* Bilder */
	.Titel_Link 			{width:180px; height:120px;}
	.WRF_Link 			{width:110px; height:200px;}
	.IRF-Seiten	 		{max-width:100%; height:auto;}
	.IRF-Titel_Link 		{width:200px; height:125px;}
	.EM-Seiten	 		{max-width:100%; height:auto;}
	.EM-Titel_Link 			{width:200px; height:125px; }

	.Bild_Personen,
	.Bild_300x300,
	.Bild_500x340,
	.Bild_500x500,
	.Bild_1000x688,
	.Bild_200x133,
	.Bild_300x200 			{max-width:100%; height:auto;}
	/* Inhaltsverzeichnis ----------------------------------------*/
	div.Titel-150 			{text-align:center;}
	div.Titel-150 div 		{font-size:10px; font-weight:bold; width:150px; display:inline-block; vertical-align:top; padding:5px;}
	div.Titel-200 			{text-align:center;}
	div.Titel-200 div 		{font-size:10px; font-weight:bold; width:200px; display:inline-block; vertical-align:top; padding:5px;}
	div.Titel-300 			{text-align:center;}
	div.Titel-300 div 		{font-size:10px; font-weight:bold; width:300px; display:inline-block; vertical-align:top; padding:5px;}
	div.Titel-460 			{text-align:center;}
	div.Titel-460 div 		{width:460px; display:inline-block; vertical-align:top; padding:10px;}

	html, body {overflow-x:hidden;}
	}	
	
/* ########################################################################################*/

/* ########################################################################################*/



/* ########################################################################################*/
/* Cookie-Banner korrekt einpassen */
.cookie-banner {position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); max-width: 90%; width: 600px; background: #ffffff; border: 1px solid #486B8F; padding: 12px 15px; border-radius: 6px; box-shadow: 0 0 12px rgba(0,0,0,0.25); z-index: 99999;}
/* Text etwas kleiner */
.cookie-banner p {font-size: 12px !important; line-height: 1.3;}
/* Buttons zentrieren */
.cookie-content {text-align: center;}
/* ########################################################################################*/




.hidden 		{ display:none; }

/* von Marco <div class="-container"> (Optimiert für keinen Versatz) */
div.-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
div.-container iframe, div.-container object, div.-container embed {position:absolute; top:0; left:0; width:100%; height:100%; }

div.Top-Link 	{ font-weight:bold; font-size:16px; font-style:italic; }

/* suchen mit Google */
/* div.Google-suchen {} <--- ENTFERNT, da leer */
#Google-suchen p  { text-align:center; font-weight:bold; font-size:20px; font-style:italic; }

/* Media-Größe */
#screen-info {position:fixed; bottom:5px; right:10px; background:rgba(0,0,0,0.6); color:#fff; font-size:12px; padding:3px 6px; border-radius:4px; z-index:9999; font-family:Verdana,Arial,sans-serif;}





/* -------------------------------------- */
div.Anzeige {}
.links {float:left; margin-right:10px;}

/* </div> <--- ENTFERNT, da ungültig */