textarea, input{
		max-width:99%;
		hyphens: none;
	}
	input{
		-webkit-transition:all 1s;
		transition:all 1s;
	}

	nav{
		width:200px;
		background-color:#DBE5F1;
		float:left;
		margin:10px;
		padding:5px;
	}
	.blogentrycontent > pre{
		margin-top:3px;
		margin-bottom:3px;
	}
	.flexcontainer{
		display:-moz-box;/*firefox 2-17 */
		display:-webkit-box;/*chrome <21, safari */
		display:-ms-flexbox; /* ie10 */

		display:-webkit-flex; /*chrome 21 */
		display:flex;/*firefox 18, opera 12.1 */

		text-align:center;
	}
	.flexcalendaritem{
		display:block;
		height:2em;
		-moz-box-flex: 1;/*firefox 2-17 */
		-webkit-box-flex: 1;/*chrome <21, safari */

		-ms-flex:1;
		-webkit-flex:1;
		flex:1; /* stellt ein, dass die "zellen" alle gleich breit sind*/
	}
	.flexcalendaryear{
		-moz-box-flex: 0;/*firefox 2-17 */
		-webkit-box-flex: 0;/*chrome <21, safari */

		-ms-flex:0 1 auto;
		-webkit-flex:0 1 auto;
		flex:0 1 auto; /* minimal platz */
	}
	#calendarPics{
		text-align:center;
		width:85%;
		background-color:white;
		margin-left:auto;
		margin-right:auto;
	}
	.calendarMonth{
		width:47px;
		height:30px;
		border:white 1px solid;
		margin:0;
		padding:0;
	}
	.calendarMonthWithoutBlog{
		opacity:0.5;
	}
	.calendarActive{
		border-color:blue;
	}
	nav b{
		display:block;
		margin-top:10px;
	}
	#newsletterexpand:before{
		content:"...";
	}
	#newsletterexpand{
		max-height:17px;
		line-height:17px;
		overflow:hidden;
		transition:all 1s 200ms ease-out;
	}
	#newsletterexpand:hover,
	#newsletterexpand:focus{
		max-height:2000px;
	}
	#newsletterexpand:hover:before,
	#newsletterexpand:focus:before{
		content:normal;
	}
	#pagecontent{
		margin-left:230px;
		max-width:1000px;
	}
	#kalender{
		text-align:center;
	}
	.blogentry{
		clear:right;
		margin-top:10px;
		position:relative; /*be a target for the :before part*/
		-webkit-scroll-snap-type: proximity;
		-ms-scroll-snap-type: proximity;
		scroll-snap-type: proximity;
	}
	.blogadminentry:target:before,
	.blogentry:target:before{
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		border: 10px solid transparent;
		border-right: 0;
		border-left-color: #0078B8;
		-webkit-transform: translate(-10px, 2px);
		transform: translate(-10px, 2px);
	}
	.blogentry table{
		border-collapse:collapse;
	}
	.blogentry table td{
		border:solid #DBE5F1 3px;
		padding:3px;
	}
	.internblogentry{
		border: 3px solid #DBE5F1;
		position:relative;
		left:-3px;
	}
	.blogentrycontent{
		font-weight:bold;
		margin-top: 3px;
		white-space: pre-line;
	}
	.blogentrycontent > b{
		letter-spacing:2px;
		border:1px solid black;
		padding-left:5px;
		padding-right:5px;
		position:relative;
	}
	.agehint{
		float:right;
		padding-top:5px;
	}
	.blogentryMetaData{
		color:inherit;
		text-decoration:none;
		position:sticky;
		top:0px;
		background-color: #fefefe;
		background-image: var(--element-background-color);
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAIAAAEPi9hAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFpJREFUeNpi/P//PwMDA0AAMXz69AkggED4PxgABBADhAKJQSggCRBACBacARBADMgcdPUIVWh8IAAIMEaopQwMnz9/BpK8vLwMMAAXASnCIw3lw82EW4EpAgAri5wBqEUAFQAAAABJRU5ErkJggg==");
		background-image: var(--root-background-image);
		background-repeat: repeat;
	}
	.adminlink{
		vertical-align:top;
		font-size:0.7em;
		line-height:100%;
	}
	/*laura schwarz, vera grau, sabine dunkel blau, holger dunkel gr�n */
	.blogauthorlaura{
		color:black;
	}
	.blogauthorvera{
		color:#2f4f4f;
	}
	.blogauthorsabine{
		color:#00189E;
	}
	.blogauthorholger{
		color:#1B6020;
	}
	.blogauthorsabine > b{
		border-color:#00189E;
	}
	.blogauthorholger > b{
		border-color:#1B6020;
	}
	.blogadminentry{
		content-visibility: auto;
		contain-intrinsic-size: 500px;
	}
	.blogadminentry::after{
		content: "";
		display: block;
		visibility: hidden;
		clear:both;
	}
	a[href *="openstreetmap.org"], a[href *="osm.org"]{
		background-image:url(icon_osm.png);
		background-repeat:no-repeat;
		background-position: 100% 0;
		padding-right:10px;
		background-size: 10px;
	}
	a[href *=".wikipedia.org"], a[href *=".wiktionary.org"]{
		background-image:url(icon_wikipedia.png);
		background-repeat:no-repeat;
		background-position: 100% 0;
		padding-right:10px;
		background-size: 10px;
	}
	a[href *="youtube.com"]{
		background-image:url(icon_youtube.png);
		background-repeat:no-repeat;
		background-position: 100% 0;
		padding-right:10px;
		background-size: 10px;
	}
	a[href *="geocaching.com"]{
		background-image:url(icon_geocaching.png);
		background-repeat:no-repeat;
		background-position: 100% 0;
		padding-right:10px;
		background-size: 10px;
	}
	a[href *="amazon.de"]{
		background-image:url(icon_amazon.png);
		background-repeat:no-repeat;
		background-position: 100% 0;
		padding-right:10px;
		background-size: 10px;
	}

	audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
		/* broken since 2018 or so: background-color: #0078B8; */
	}
	audio, video, .imageAtEnd{
		padding-top:0.5em;
		max-width:98%;
	}
	.nativemedia{
		color:inherit;
		text-decoration:inherit;
	}
	.imageRight{
		float:right;
		width:300px;
		max-width:40%;
	}
	.imageAtEnd{
		width:98%;
		max-width:450px;
		display:block;
		margin:0 auto;
	}
@media all and (max-width: 800px) {
	.blogentry table td, .blogentry table th{
		font-size:x-small;
	}
}
@media all and (max-width: 400px) {
	.internlink{
		left:0;
	}
	nav{
		padding:0px;
		margin:0px;
		float:none;
	}
	#pagecontent{
		margin-left:0;
		margin-right:5px;
	}
	#KalendarPics{
		width:180px;
	}
	.agehint{
		font-size:x-small;
	}
	.blogentry table td, .blogentry table th{
		display:inline;
	}
}
@media print{
	.internlink{
		display:none;
	}
	nav{
		display:none;
	}
	#pagecontent{
		margin-left:0;
		max-width:none;
	}

}