video{position:fixed;border:5px solid red;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);transition:1s opacity;z-index:0}#Wrapper{z-index:1}p{float:left;width:42%;margin-right:40px}.infoBox{float:left;width:42%;margin-bottom:16px;margin-right:40px}#lblGezeigenVorhersage{clear:both}del{color:#888;color:rgba(50,50,50,0.7);text-decoration:line-through;-webkit-text-decoration-color:#c31;text-decoration-color:#c31}@font-face{font-family:'Adobe Blank';
font-display:swap;
font-display:block;
font-style:normal;
font-weight:400;
src:url('/s/fonts/adobe-blank/AdobeBlank.eot');
src:local('Adobe Blank'),local('AdobeBlank'),url('/s/fonts/adobe-blank/AdobeBlank.otf.woff') format('woff'),url('/s/fonts/adobe-blank/AdobeBlank.ttf') format('truetype')}
.emoji{font-family:EmojiOne,'EmojiOne Mozilla','Apple Color Emoji','Android Emoji','Noto Color Emoji','Segoe UI Emoji','Segoe UI Symbol',EmojiSymbols,'Adobe Blank'}.landmark{font-family:'Segoe UI Symbol','Arial Unicode MS',Symbola,FreeMono,Code2000,'Gnu Unifont','Cambria Math','Adobe Blank'}#curve_chart{border:thin solid Black;margin-bottom:30px;margin-right:1em;width:850px;max-width:95vw;height:500px;min-height:250px;max-height:500px;float:left;overflow:hidden}.table{width:100%}.table th,.table td{text-align:center;min-width:80px}.table th{vertical-align:top}.table td{vertical-align:middle}.table tbody tr:nth-child(2n-1){background-color:rgba(200,200,200,0.25)}.cm{font-size:75%}.time{font-size:75%}.ebbe,.flut{display:block;float:left;width:30px;height:30px;background-size:30px 30px;background-repeat:no-repeat}.ebbe{background-image:url("/s/pics/Ebbe.svg")}.flut{background-image:url("/s/pics/Flut.svg")}.dayDuration{text-align:center;font-size:1em;line-height:145%}#legende{clear:both;margin-bottom:1em}#legende .first{margin-right:100px}#moonText{display:block;float:left;margin-top:18px}.moonSymbol{display:block;float:left;margin-top:20px;margin-bottom:0.5em;margin-right:16px;font-size:72px}.sunrise{text-align:center}.sunSymbol{display:inline-block;margin-top:12px;margin-right:16px;margin-bottom:0.5em;font-size:40px}#sunText{display:inline-block;font-size:1.7em;margin-top:-12px;margin-right:16px;margin-bottom:24px;vertical-align:middle}#lblText{clear:both}.abstandUnten{margin-bottom:30px}.quelle{font-size:12px;margin-bottom:30px;clear:both}.nowrap{white-space:nowrap}.box3 td{padding:4px}.ButtMain{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ok{color:#2a2;font-size:16pt;padding:1em;border:2px dotted orange;margin-bottom:16px}.error{color:#c02;font-size:16pt;padding:1em;border:2px dotted orange;margin-bottom:16px}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}
@keyframes spin{50%{-webkit-transform:rotate(180deg);
transform:rotate(180deg) scale(2)}
100%{-webkit-transform:rotate(360deg);
transform:rotate(360deg) scale(1)}}
.moonSymbol{z-index:999;-webkit-animation:spin 30s linear infinite;animation:spin 30s linear infinite;-webkit-animation-delay:10s;animation-delay:10s}@media only screen and (max-width:480px){#curve_chart{width:97%}.sunrise{font-size:1em}#sunText{font-size:1.2em}.sunSymbol{font-size:32px}#legende{font-size:13px}}@media only screen and (max-width:700px){p{clear:both;width:auto;margin-right:auto}.infoBox{clear:both;width:auto;margin-right:auto;min-width:310px}}@media only screen and (max-width:980px){#curve_chart{width:90%;height:50vh}#sunText{font-size:1.4em}}@media only screen and (min-width:1800px){#Wrapper,#Site{max-width:98%}.clear{clear:none}#lblGezeitenVorhersage{max-width:850px;clear:both}#curve_chart{margin-right:32px;width:810px;clear:both}#gezeitenTabellen{max-width:810px;float:left;margin-bottom:60px}.infoBox{max-width:400px}#legende,.quelle{max-width:900px;float:left;clear:none;margin-right:40px}#astronomie{float:left;max-width:810px}#lblText{max-width:850px;clear:none;float:left}}@media only print{#curve_chart{width:70vw}}
/* Transparenz + Blur */
#Site {
	/* Fallback fuer Uraltbrowser */
	background-color: White;
	/* Fuer mittelalte Browser */
	/* 2023-06-16 bw, soll auch f�r andere Farben als Wei� gelten aber opacity anstelle rgba() geht nicht, es zerst�rt den stacking-Context (z-index) */
	background-color: rgba(255, 255, 255, 0.93);
	/* wozu auf 10 setzen? ist noch unklar, ob das noetig ist */
	/* 2020-10-09 bw, raus, zerst�rt den Overlay-Slider und geht auch ohne */
	/* z-index: 10; */
}

#Content,
#Comments,
.ImpressumBox {
	background-color: transparent;
}

table.gezeiten td {
	/* 2023-06-16 bw, ge�ndert, soll auch f�r andere Farben als Wei� gelten */
	opacity: 0.85; /* background-color: rgba(255, 255, 255, 0.85); */
}

/* fuer moderne Browser */
@supports (backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px)) {
	/* Hoehere Transparenz fuer Browser, die backdrop-blur beherrschen */
	#Site {
		/* 2023-06-16 bw, soll auch f�r andere Farben als Wei� gelten aber opacity anstelle rgba() geht nicht, es zerst�rt den stacking-Context (z-index) */
		background-color: rgba(255, 255, 255, 0.93);
	}
	/* 2020-10-09 bw, raus, zerst�rt den Overlay-Slider und geht auch ohne */
	/* #Wrapper {
			-webkit-backdrop-filter: blur(2px);
			backdrop-filter: blur(4px);
		} */
}