body {background-color:#ffffff; font-family: tahoma, arial, helvetica; margin-left:0px; margin-right:0px; -webkit-appearance: none; -moz-appearance: none; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
html {scroll-behavior: smooth; }

#header {position:absolute; top:0px; left:0px; margin-top:14px; margin-left:40px; z-index:100; } /* wird mit Javascript auf position:fixed gesetzt, durch Menüaufruf und Größenänderung */
#toptitel, h6 { color:#333399; margin-left:230px; float:left; padding-top:6px; padding-bottom:14px; font-size:20px;}
h6 {font-weight:normal; margin-top:0px; margin-bottom:6px;}
.smartphonebutton {display:none; margin-right:10px; }
#extrabannergross {margin:6px;}
input[type=submit] {cursor: pointer;}

/* Animation: schnell nach oben */
#toparrow { position:fixed; bottom:100px; right:70px; display:none; z-index:90; }
.buttonhoch { animation-name: nachobenpfeil; animation-duration: 2s; opacity: 0.8;}
.buttonwiederweg {opacity: 0; animation-name: nachobenpfeilweg; animation-duration: 1s; }
@keyframes nachobenpfeil {from {opacity: 0;} to {opacity: 0.8; } }
@keyframes nachobenpfeilweg {from {opacity: 0.8;} to {opacity: 0; } }

/* Startseitenblöcke mit weißem Hintergrund */
div.startseitenbox {display:inline-block; overflow:hidden; width:23%; max-width:350px; min-width:270px; height:372px; text-align:center; background-color:#ffffff; margin-bottom:20px; margin-right:17px; margin-left:3px; padding:0px; box-shadow: 0px 0px 5px #666666; border-radius: 3px 3px 3px 3px; }
img.startseitenbild {margin:0px; width:100%; border:none; }
.startseiteninhalt {width:calc(100% - 174px); }

div.inhalt {clear:both; margin-left:230px; margin-right:0px; color:#00006f; }
div.inhalt a:link, div.inhalt a:visited {color:#ff0f0f; text-decoration:none; }
div.inhalt a:hover {color:#3333f0; text-decoration:underline; }

/* Meldung Verwendung Cookie  */
div.inhalt_ohne_margin {color:#00006f; padding:2px;}
div.inhalt_ohne_margin a:link, div.inhalt_ohne_margin a:visited {color:#ff0f0f; }
div.inhalt_ohne_margin a:hover {color:#3333f0; }

table.quermaniainhalt {margin:0px; padding:0px; color:#00006f; border-top:1px solid; border-left:1px solid; border-bottom:1px solid; border-right:1px solid; border-color:#909090; border-radius: 3px 3px 3px 3px; font-size:16px; width:100%; max-width:2130px;}
table.quermaniainhalt a:link, table.quermaniainhalt a:visited {color:#ff0f0f; }
table.quermaniainhalt a:hover {color:#3333f0; }
table td.hauptinhalt {padding-left:20px; padding-top: 10px;}
.ausserhalb {padding-left:22px; }
.auflistung {text-align:justify; margin-top:20px; font-size:16px; line-height:150%; width:calc(100% - 174px);}
.auflistung tr:nth-child(n+3) td {padding-top:10px;} /* (n+3) = alle Kindelemente ab dem Dritten */
table td.hauptinhalt p, table td.hauptinhalt li, table td.hauptinhalt dt.ganzseite, table td.hauptinhalt h1, table td.hauptinhalt h2, table td.hauptinhalt h4, table td.hauptinhalt blockquote, .ausserhalb, #wbg, .weiterebanner, .zweier-container {margin-right:190px; }

.bannerbreit_zwei_grid  {width:calc(100% - 180px);} /*  geht korrekt nur mit Subtraktion*/
div.IntentMediaIntercard, #getyourguide2 {margin-right:180px; margin-top:16px;} /*  IntentMediaIntercard auch für obere Bereiche, wo es Komplikationen mit dem Seitenbanner geben kann - auch GetYourGuide im Banner aa-deutschland-unten.php*/
div.BildInhaltMitte {margin-right:180px; text-align:center;} /* nicht mehr verwenden. Fehler im margin, wird allerdings nicht nur für Bilder verwendet */
div.BilderMitte { margin-left:0px; margin-right:170px; text-align:center; padding:0px;} /*nur für Bilder: margin-right nur 170, weil Bilder auch schon margin:10 haben  */
.ausserhalb  {max-width:2130px; padding-right:10px; border-radius: 3px 3px 3px 3px; }

.link_getyourguide a {border: 1px solid #ff0f0f; padding:1px; text-decoration:none; white-space: nowrap;}  /* GetYourGuide in Abstimmungslisten */
hr {max-width:calc(100% - 180px); margin-left:0px; text-align:left; box-shadow:1px 2px 3px #dddddd; }
video {width:50%;}


p {font-size:16px; line-height:150%; border-radius: 3px 3px 3px 3px;} /* Kompromiss, weil manche p einen Hintergrund haben  */
p.textbeginn {margin-top:14px; text-align:justify; }
p.absatz {text-align:justify; margin-top:10px; }
p.text {margin-top:26px; text-align:justify; }
div.floatbild {float:left; margin-top:10px; margin-right:4px; }
p.textzentriert {margin-top:24px; text-align:center; }
p.textzentriertunterbild {margin-top:0px; text-align:center; }
p.textunterbild {margin-top:0px; }
p.textunterbildcenter {margin-top:0px; width:354px; text-align:center; } /* löschen !?, da nur für alte Variante bei mehreren Bildern */
p.titelbeginn, p.titel, p.titelgross, p.mitteltitel, h1, h2, h3, h4, h5 { letter-spacing: 0.1px;}
#toptitel, h6 { letter-spacing: 1.1px;}


p.titelbeginn, h4 {font-size:16px; margin-top:16px; font-weight:bold; margin-bottom:15px; }
p.titelbeginn a, h4 a {font-weight:bold; text-decoration:none; }
div.floatbildbeginn {float:left; margin-right:3px; margin-top:14px; }


p.titel, h5, h2 {font-size:17px; margin-top:45px; font-weight:bold; margin-bottom:15px; }
p.titel a, h5 a, h2 a {font-weight:bold; text-decoration:none; }
p.titelgross, h3 {font-size:17px; color:#000099; font-weight:bold; margin-top:10px; margin-bottom:10px; }
p.titelgross a, h3 a {font-weight:bold; text-decoration:none; }
p.mitteltitel {font-size:16px; color:#000099; font-weight:bold; padding-top:4px; margin-bottom:4px;}
h1 {font-size:16px; color:#000099; font-weight:bold; margin-bottom:7px; }  /* h1 und p.mitteltitel vorerst keine Änderung 2024, da Hauptüberschrift über table .quermaniainhalt  */

table td.hauptinhalt h1 {margin-top:30px; font-size:18px;}
p.mitteltitel a, h1 a {text-decoration:none; }
li {font-size:16px; line-height:150%; text-align:justify; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
li.listentext {margin-bottom:16px; }
dl {margin:0px; }
dt {font-size:16px; margin-bottom:8px; margin-left:0px; line-height:150%; }
.zweier-container { display: grid; grid-template-columns: auto auto;}
.bannerbreit_zwei_grid { display: grid; grid-template-columns: auto auto; }
.floatleft {display:inline-block; text-align:left; min-width:250px; width:38%; margin:0px; padding:0px; vertical-align:top;}
.float250 {display:inline-block; text-align:left; min-width:250px; max-width:300px; width:38%; margin:0px; padding:0px; vertical-align:top; overflow:hidden;}
.autofloatleft {float:left; margin-top:-2px; padding-top:0px; padding-right:15px;}
.mobilerrahmen {margin:5px;} /* Werbebanner im Inhalt */
.divmobile, .alleBannerKlein {display:none;} /* hier dürfen keine weiteren Eigenschaften hinzukommen */
.feiertagspan {max-width:calc(100% - 180px);}
img {margin:0px;}


img.ibild, img.ibildklein, img.ibildresponsive, img.bildergalerie, .ibildlazy {margin-top:16px; margin-right:10px; border:1px solid; border-color:#cccccc; border-radius: 3px 3px 3px 3px;}
img.ibild, img.ibildresponsive, img.bildergalerie {max-width:354px; }
img.ibildklein {width:100px; height:66px; }
img.bildergalerie {width:99%;}
img.bildergalerie, #bildcontainer, #bildfenster {-ms-user-select:none; -moz-user-select:none; -webkit-user-select:none; -khtml-user-select:none; -o-user-select:none; user-select:none;
	-webkit-user-drag:none; user-drag:none;
	}
.ibildlazy {height:233px; width:354px; max-width:354px; background:url("../../buchstaben/ajax-loader.gif"); background-repeat:no-repeat; background-position:left bottom; } /*Größenangaben wegen ajax-loader.gif*/
.brVierBilder {display:none;}
#bildcontainer {overflow:auto; scrollbar-width:none;}

.aktuelles-unten {display:inline-block; vertical-align:top; padding:3px; margin-top:0px; width:322px; height:110px;border:1px solid #cccccc; border-radius: 3px 3px 3px 3px; }
.pfeil { text-decoration:none; font-weight:bold; font-size: 22px; vertical-align: -3px; }

/* img.bildergalerie nur Firefox - wegen pointer-events:none geht cursor-Anweisung nur im Javascript */
@-moz-document url-prefix() { img.bildergalerie  { pointer-events:none; } }

#bildfenster {width:calc(100% - 190px); white-space:nowrap; position:relative; height:254px;  overflow:hidden;}
img.mbilder {border:1px solid; border-color:#909090; margin-top:4px; width:100px; height:66px; border:1px solid; border-color:#cccccc; border-radius: 3px 3px 3px 3px; }
#obenbild3, .objekt3 {display:inline;}
#obenbild4, .objekt4 {display:inline;}
#obenbild5, .objekt5 {display:inline;}
#obenbild6, .objekt6 {display:inline;}
#obenbild7, .objekt7 {display:inline;}
#obenbild8, .objekt8 {display:inline;}
#obenbild9, .objekt9 {display:inline;}
#obenbild10, .objekt10 {display:inline;}
#obenbild11, .objekt11 {display:inline;}
#obenbild12, .objekt12 {display:inline;}
#obenbildgross5, .objektgross5 {display:inline;}
#obenbildgross6, .objektgross6 {display:inline;}
#obenbildgross7, .objektgross7 {display:inline;}
#obenbildgross8, .objektgross8 {display:inline;}
/* Bild 13 nicht mehr benötigt     */
#obenbild13 {display:none;}

/* obere Menüs wie in Umkreissuche */

table.menuobenstyle {z-index:25; margin-bottom:12px; margin-top:0px; margin-left:0px; border-spacing:4px;}
table.menuobenstyle td {background-color:#ceecf5; padding:2px; border-radius: 3px 3px 3px 3px;}
table.menuobenstyle a:link, table.menuobenstyle a:visited {font-size:14px; text-decoration:none; white-space:nowrap; color:#444444; font-weight:bold; }
table.menuobenstyle td a:hover {background-color:#cbe9ff; color:#3333f0; }
#menumobile {display:none; }

/* obere Menüs neue Version */

span a.menuinhalt:link, span a.menuinhalt:visited  {display:inline-block; padding:3px; padding-left:6px; padding-right:6px; margin-right:4px; margin-bottom:4px; margin-top:4px; color:#444444; text-decoration:none; background-color:#ceecf5; font-size:14px; font-weight:bold; overflow:hidden; border-radius: 3px 3px 3px 3px;}

span a.menuinhalt:hover {background-color:#cbe9ff; color:#3333f0;}

/* Seitenmenüs */
#menues {position:absolute; top:57px; left:10px; z-index:29; }
a.menu:link, a.menu:visited  {display:block; width:190px; text-align:left; padding:3px; margin-top:4px; padding-left:14px; color:#444444; text-decoration:none; background-color:#ceecf5; 
	font-size:14px; font-weight:bold; border-radius: 3px 3px 3px 3px;
	}
a.untermenu:link, a.untermenu:visited  {display:block; width:180px; text-align:left; margin-left:10px; padding:3px; margin-top:4px; padding-left:14px; color:#444444; text-decoration:none; background-color:#ceecf5; font-size:14px; font-weight:bold; border-radius: 3px 3px 3px 3px;}
a.menuaktiv:link, a.menuaktiv:visited  {display:block; width:190px; text-align:left; padding:3px; margin-top:4px; padding-left:14px; color:#444444; text-decoration:none; background-color:#81daf5; font-size:14px; font-weight:bold; border-radius: 3px 3px 3px 3px;}
a.menu:hover, a.untermenu:hover {background-color:#cbe9ff; color:#3333f0;}
a.menuaktiv:hover {background-color:#81daff; color:#3333f0; }
a.loeschen {border: 1px #ff0f0f solid; background-color:#eeeeee; padding-left:3px; padding-right:3px; text-decoration:none;}

a.angebot {display:none; }/* Ursprünglich für Spar-Mit-Links z.B. unter Städte Deutschland */
#formularsuchfeldmenu {margin:0px; }
#formularsuchfeldmenu input {outline:none; color:#000000; font-size:16px; width:176px; border:0px; margin-left:2px; } /* wegen Apple auf width:176px; */

#submitfeld, #gpsfeld, #standortfeld, .mobilesmenu {display:none; } /* #submitfeld, #gpsfeld, #standortfeld, nach Umstellung Menüs entfernen */


div.suchfeld {width:205px; border:1px solid; border-color:#909090; background-color:#ffffff; border-radius: 3px 3px 3px 3px;}
div.menuunten {width:207px; margin-top:26px; background-color:#ceecf5; font-size:15px; color:#00006f; padding-top:3px; padding-bottom:3px;  border-radius: 3px 3px 3px 3px;}
div.menuunten a {color:#ff0f0f; text-decoration:none; font-size:15px; }
div.menuunten a:hover {color:#3333f0; }

.inputdiv {margin:6px; margin-top:24px; }
.inputtext {margin:6px; margin-top:24px; }

input.eingabekurz {font-size:16px; height:20px; border:1px solid; border-color:#909090; width:144px; margin-top:4px; border-radius: 3px 3px 3px 3px;}
input.eingabenormal {font-size:16px; height:20px; border:1px solid; border-color:#909090; width:360px; padding-left:2px; margin-top:4px; border-radius: 3px 3px 3px 3px;}
select.normal {-moz-box-sizing: content-box; -webkit-box-sizing:content-box; box-sizing:content-box; font-size:16px; margin-top:4px; height:21px; border:1px solid; 
	border-color:#909090; width:380px;  border-radius: 3px 3px 3px 3px;
	}
input.submitbutton {font-size:15px; border:1px solid; border-color:#909090; background-color:#cccccc; width:148px; height:24px; margin-top:4px; border-radius: 3px 3px 3px 3px;}
input.submitbuttonfrei {font-size:15px; border:1px solid; border-color:#909090; background-color:#cccccc; width:148px; height:26px; margin-top:4px; margin-left:12px; border-radius: 3px 3px 3px 3px; }
textarea.textnormal {font-size:16px; border:1px solid; border-color:#909090; width:calc(100% - 180px); height:100px; margin-top:4px; border-radius: 3px 3px 3px 3px;}

#seitenbanner, #seitenbanner_in_karte {float:right; margin:6px; width:161px; height:601px; padding-top:4px; } /* Höhe: 600px + Eintrag darunter */
span.mobiledev  {display:none; }
span.extratext {display:inline; }


iframe.karte, iframe.markerkarte {margin-left:0px; width:calc(100% - 180px); height:280px; border:1px solid; border-color: #cccccc; border-radius: 3px 3px 3px 3px;}
#ganzkarte {margin-left:0px; margin-top:8px; border:1px solid; border-color: #cccccc; border-radius: 3px 3px 3px 3px;}

div.popup {background-color:#ceecf5; border:1px solid; border-color:#909090; color:#00006f; padding:1%; margin-left:15%; margin-right:15%; z-index:30; display:none;  border-radius: 3px 3px 3px 3px;}
div.popup p {width: 100%;}
div.popup a:link, div.popup a:visited {color:#ff0f0f; }
div.popup a:hover {color:#3333f0; }

@media only screen and (max-width: 2390px) { /* Tabelle + Menüs   */
	table.quermaniainhalt {border-right:none; border-radius: 3px 0px 0px 3px;}
	}

@media only screen and (max-width: 1915px) {
	img.ibildresponsive {width:21%;}
	.BilderMitte img.ibildresponsive {width:23%;} /* weil Container BilderMitte eine andere Größe hat */
	.brVierBilder {display:block;}
	}

@media only screen and (max-width: 1820px) {
	img.ibildresponsive {width:20%;}
	#obenbild12, .objekt12 {display:none;}
	}

@media only screen and (max-width: 1710px) {
	#obenbildgross8, .objektgross8 {display:none;}
	#obenbildgross7, .objektgross7 {display:none;}
	img.ibildresponsive {width:27%;}
	.BilderMitte img.ibildresponsive {width:33%;}
	div.startseitenbox {width:30%;}
	#obenbild11, .objekt11 {display:none;} /* wird für große Bilder genutzt */
	}

@media only screen and (max-width: 1600px) {
	.BilderMitte img.ibildresponsive {width:31%;}
	.zweier-container { display:block; padding: 0px; }
	#obenbild10, .objekt10 {display:none;}
	}

@media only screen and (max-width: 1490px) {
	#obenbild9, .objekt9 {display:none;}
	img.ibildresponsive {width:26%;}
	div.startseitenbox {width:60%; }
	div.startseiteninhalt {text-align:center;}
	.brVierBilder {display:none;}
	}

@media only screen and (max-width: 1380px) {
	video {width:80%}
	#obenbild8, .objekt8 {display:none;}
	#deutschlandkarte {display:none;}
	img.ibildresponsive, .BilderMitte img.ibildresponsive {width:354px;} /* Muss beides neu definiert werden, weil weiter oben unterschieden wird */
	#obenbild7, .objekt7 {display:none;} /* wird für große Bilder genutzt */
	.auflistung tr:nth-child(n+3) td {padding-top:20px;} /* (n+3) = alle Kindelemente ab dem Dritten */
	}

/* Problem rechter Rand */
@media only screen and (max-width: 1270px) {
	video {width:75%}
	#obenbildgross6, .objektgross6 {display:none;} /* wo benutzt? */
	#obenbildgross5, .objektgross5 {display:none;}
	div.startseitenbox { width:45%; min-width:230px;}
	}

@media only screen and (max-width: 1160px) {
	#bildfenster { width:auto; margin-right:8px;}
	#extrabannergross, .alleBannerGross {display:none; }
	video {width:65%}
	hr {max-width:99%;}
	table td.hauptinhalt p, table td.hauptinhalt li, table td.hauptinhalt dt.ganzseite, table td.hauptinhalt h1, table td.hauptinhalt h2, table td.hauptinhalt h4, .ausserhalb, #wbg, .zweier-container {margin-right:16px;}
	.bannerbreit_zwei_grid {width:99%;}
	.ausserhalb {margin-left:6px;}
	#getyourguide2 {margin-right:6px;}
	#seitenbanner_in_karte {display:none; }
	#ausflugkarte {margin-right:6px;}
	table.auflistung  {width:auto;}
	iframe.karte {width:98%;}
	#obenbild6, .objekt6 {display:none;} /* wird für 250er Bilder im Werbebanner genutzt */
	.alleBannerKlein {display:block; }
	.floatfeiertage {width:70%;}
	}

@media only screen and (max-width: 1060px) {
	#obenbild5, .objekt5 {display:none;} /* wird für 250er Bilder im Werbebanner genutzt */
	div.startseitenbox { width:98%;}
	#menudesktop {display:none; }
	#menumobile {display:block; }
	.bannerbreit_zwei_grid { display:inline-block;}
	}

@media only screen and (max-width: 900px) {
	span.mobiledev  {display:inline; }
	span.extratext {display:none; }
	.min900 {display:none; }
	#obenbild4, .objekt4 {display:none;}
	div.startseitenbox { height:373px; }
	#toparrow { right:35px; } /* bis 27.06.25  bottom:35px; */
	}

@media only screen and (max-width: 820px) {
	#seitenbanner {display:none; }
	.feiertagspan {max-width:100%;}
	.startseiteninhalt {width:calc(100% - 10px); }
	.floatfeiertage {width:90%;}
	div.BildInhaltMitte {margin-right:6px;} /* nicht korrekt funktionierende Klasse am 09.04.22 hierher verschoben */
	div.IntentMediaIntercard, div.BilderMitte, .weiterebanner {margin-right:16px;} /* am 18.02.22 hierher verschoben - Rand verschwindet erst, wenn Seitenbanner verschwindet */
	}

@media only screen and (max-width: 790px) {
	video {width:99%}
	iframe.markerkarte {width:98%;}
	#toptitel, h6 {display:none; }
	p.mitteltitel {padding-top:0px; }
	textarea.textnormal {width:97%; }
	#maincontent {margin-top: 64px;}
	#header { margin-top:26px; }
	#menues {top:62px;}	
	}

@media only screen and (max-width: 650px) {
	table.quermaniainhalt li a {word-break:break-all; word-wrap:break-word;} /* gilt nur wenn li und a */
	/* nur diese Kombination führt zum Zwangsumbruch in Tabellen. Hat aber zur Folge, dass der Wortumbruch auch innerhalb der Wörter erfolgt, wenn eigentlich
	vorher ein ganzes Wort in die neue Zeile wechseln könnte. */
	body {margin-top:0px;}
	#maincontent {margin-top: 74px;}
	#header { position:fixed; width:100%; margin: 0px; border-bottom: 1px solid black; padding-top:20px; background-color: #ffffff; display:flex; 
	flex-direction: row; justify-content: center; } /* am 03.10.2023 von sticky auf fixed gesetzt, da es ohnehin bei Größenänderungen und Menüaufrufen mit Javascript auf fixed gesetzt wird */
	.smartphonebutton {display: inline-block;}
	#fglogo { padding:6px;
		margin-right: -moz-calc(98% - 256px);
		margin-right: -webkit-calc(98% - 256px);
		margin-right: calc(98% - 256px);
		}
	/*  #maincontent {margin-top: 10px;} header hier sticky , maincontent wird nach Laden mittels Javascript Funktion resize gesteuert. resize ändert sich, sobald Werbung oben erscheint  */
	div.inputdiv {width: 95%; } /* Firefox braucht das */
	#ausflugkarte {display:none; }
	div.inhalt  {margin-left:0px; }
	div.inhalt_ohne_margin {font-size:16px; }
	table.quermaniainhalt {font-size:16px; border:none; background-color:transparent; }
	table td.hauptinhalt, .ausserhalb {width:auto; padding-left:16px; }
	p  {font-size:16px; }
	p.mitteltitel, h1 {font-size:18px; margin-top:10px; margin-bottom:8px; margin-left:6px; }
	p.titelgross, h3 {font-size:18px; }
	li {margin-top:9px; font-size:16px; }
	dt {font-size:16px; }
	div.popup  {font-size:16px; padding:10px; margin-left:10px; margin-right:10px; }
	div.popup a:link, div.popup a:visited, div.popup a:hover  {font-size:16px; }
	#cookiefeld {display:none; }
	#menues {
		position:fixed; width:100%; left:0px; display:none; overflow:auto; z-index:99;
		max-height: -moz-calc(100% - 56px);	 /* Höhe entsprechend Kopfbereich anpassen */
		max-height: -webkit-calc(100% - 56px);
		max-height: calc(100% - 56px);
		}
	.divmobile {display:block;} /* display:block bewirkt Zeilenumbruch - display:inline bewirkt verbleib in Zeile */
	span a.menuinhalt:link, span a.menuinhalt:visited  {font-size:16px;}
	table.menuobenstyle a:link, table.menuobenstyle a:visited {font-size:15px;} /* alte Menüs oben - nur moderate Anpassung, da nicht ausreichend getestet */
	a.menu:link, a.menuaktiv:link , a.menu:visited, a.menuaktiv:visited, a.untermenu:link, a.untermenu:visited  {border:1px solid #909090; font-size:18px; padding:0px; width:94%; 
		margin-left:3%; text-align:center; margin-top:10px; line-height:200%; box-shadow:0px 0px 3px #666666; 
		}
	a.menu:link, a.menuaktiv:link , a.menu:visited, a.menuaktiv:visited {font-size:18px; }
	a.untermenu:link, a.untermenu:visited  {font-size:16px;}
	#formularsuchfeldmenu {margin-top:15px; }
	#formularsuchfeldmenu input {font-size:18px; width:93%;}
	div.suchfeld {margin-left:3%; width:94%; line-height:200%; border:1px solid; border-color:#909090; box-shadow:0px 0px 3px #666666; }
	#suchlupe {display:none;}
	/* #submitfeld, #gpsfeld, #standortfeld, nach Umstellung Menüs entfernen */
	#submitfeld, #gpsfeld, #standortfeld, .mobilesmenu {display:inline-block; width:94%; margin-top:10px; margin-left:3%; line-height:200%; border:1px solid; border-color:#909090; 
		color:#cc0000; color:#000000; text-decoration:none; text-align:center; background-color:#cccccc; font-size:18px; box-shadow:0px 0px 3px #666666; 
		}
	#bannermenu {display:none; }
	/* #footer {display:none; }  */
	div.menuunten {border:1px solid #909090; width:94%; margin-left:3%; padding-top:8px; padding-bottom:8px; margin-top:10px; box-shadow:0px 0px 3px #666666; }
	div.menuunten a {font-size:16px; }
	div.mobilerrahmen {margin:0px;} /* Werbebanner im Inhalt */
	table.fginhalt {margin:6px;} /* unten: a1aktuelles-global... */
	.min650 {display:none; } /* weil ab hier in der Kombination li und a hypens deaktiviert ist - Problem Inhaltsverzeichnis Gran Canaria */
	}

@media only screen and (max-width: 450px) {
	img.ibild, img.ibildresponsive, .BilderMitte img.ibildresponsive {width:96%; }
	p.textbeginn {text-align:left; }/* anstelle von justify */
	p.text {text-align:left; }
	p.absatz {text-align:left; }
	li {text-align:left;}
	p.textunterbildcenter {width:80%; }
	table.auflistung {text-align:left; }
	input.eingabenormal, select.normal {width:80%; }
	div.floatleft {width:90%;}
	#obenbild3, .objekt3 {display:none;}
	div.startseitenbox {min-width:180px;}
	#formularsuchfeldmenu input {width:90%;}
	.ibildlazy {width:96%; margin-right:0px; }
	div.BilderMitte {margin-right:0px;}
	}

@media only screen and (max-width: 350px) {
	.aktuelles-unten {display:none; }
	div.float250 {max-width:250px; overflow:hidden; }
	div.startseitenbox {margin-right:0px;}
	#wbg, .weiterebanner, .bannerbreit_zwei_grid, .zweier-container {margin:0px;}
	}