body {

	font-family: "Heiti SC", STHeiti, "Century Gothic", "LuzSans-Book", sans-serif; 

	opacity:0;

	margin:0px;

	background-color:#ddd;

	margin-bottom:5em;

	transition:opacity 0.3s; }

:root {}

.netz_alert { 

	display:none;

	text-align:center;

	position:fixed;

	top:0px;

	left:0p;

	width:90vw;

	margin:0px;

	padding:5px;

	padding-left:5vw;

	padding-right:5vw;

	background-color:red;

	color:white;

	font-weight:bild; }

.log_div { 

	display:none;

	overflow-y:scroll;

	height:10em;

	text-align:center;

	position:fixed;

	top:0px;

	left:0p;

	width:90vw;

	margin:0px;

	padding:5px;

	padding-left:5vw;

	padding-right:5vw;

	background-color:yellow;

	color:black;

	font-weight:bild; }

input[type=button], input[type=file], input[type=submit], a.pseudobutton {

	font-family: "Heiti SC", STHeiti, "Century Gothic", "LuzSans-Book", sans-serif; }

textarea, input[type=text], input[type=password] {

  	font-family: Arial;

  	font-weight: bold; }

textarea:placeholder-shown, input[type=text]:placeholder-shown, input[type=password]:placeholder-shown {

  	color:#999; }

textarea {

	resize:vertical;

	position:relative;

	left:0.2em;

	font-size:larger;

	border-style:solid;

	border-radius: 0.7em;

	border-width: 0.1em;

	border-color:lightgreen; }

.quotation {

  	font-family: Arial, sans-serif !important; }

iframe {

	border:0.1em red solid;

	display:none;

	border:0px;

	width:50vw; }

#seitentitel {

	line-height:1.1em;

	font-size:3em; }

.ueberschrift {

	padding-top:1em;

	font-size:3em;

	transition:all 0.5s; }

.ueberschrift input {

	font-size:0.4em; }

.unterueberschrift {

	padding-top:0.5em;

	font-size:1.5em; }

form {

	line-height:2; }

form input {

	font-size:1em;

	margin:0.2em; }

div.maske {

	height:0px;

	opacity:0;

	overflow-y:hidden;

	transition:all 0.5s; }

a {

	color:inherit; }

a:hover {

	font-weight: 900;

	-webkit-text-stroke: 0.5px currentColor; }

#alert {

	color:red;

	position:fixed;

	left:0px;

	top:0px;

	background-color:white; }

.eye {

	border:0px transparent solid;

	position:relative;

	width: 1.7em;

	left:-2em;

	top:0.14em;

	opacity:0.5; }

#anmeldelink, #anfragelink, #abmeldelink {

	line-height:1.7em; }

#anmeldelink {

	margin-right:1em; }

input {

	padding-left:0.4em;

	padding-right:0.4em;

	background-color: white;

	border-style:solid;

	border-radius: 0.7em;

	border-width: 0.1em;

	border-color:lightgreen;

	font-weight: normal; }

input[type="submit"] {

	-webkit-appearance: none;

	appearence: none;

	background-color:#fff;

	color:#555; }

input.file {

	width:90vw;

	background-color:transparent;

	border-style:unset;

	border-radius:unset;

	border-width:unset;

	border-color:unset;	}

input[type=button], input[type=submit], input[type=reset] {

	cursor:pointer;	

	position:relative;

	top: -0.2em;

	border-radius: 1em;

	padding-bottom:0.1em; }

input.hidden {

	position:absolute;

	top:-5em;	}

.datum {

	margin-top:0.3em;

	margin-bottom:0.3em;

	color:purple;

	font-size:0.7em; }

.name {

	margin-top:0.3em;

	font-size:smaller;

	color:darkblue;	}

.pseudobutton {

	position:relative;

	top:-0.2em;

	cursor:pointer;

	background-color: white;

	border-style:solid;

	border-radius: 0.7em;

	border-width: 0.1em;

	border-color:lightgreen;

	text-decoration:none;

	padding-bottom:0.1em;

	padding-top:0.3em;

	padding-left:0.4em;

	padding-right:0.4em;

	margin-left:0.2em;

	margin-right:0.2em; }

img {

	max-height:12em;

	max-width:95vw;

	border:0.2em solid white; }

img.avatar {

	cursor:pointer;

	width:2em;

	height:2em;

	object-fit:cover;

	border-radius:50%;

	border:solid 0.2em white;

	position:relative;

	top:-0.1em; }

img:not(#titel_portrait):not(#titel_landschaft) {

	border-radius: 0.2em;

	max-width:90vw; }

#titel_landschaft_rahmen {

	overflow-x:hidden;

	width:100vw;

	position:relative;

	height:32vw; }

#titel_landschaft {

	position:absolute;

	left:0em;

	top:0em;

	max-width:unset;

	max-height:unset;

	width:100%;

	height:70%; }

#titel_name {

	margin-top:0em;

	font-size:2em;

	line-height:0.9em; }

#rechter_rand {

	position:absolute;

	right:0px;

	top:0.2em;

	width:0.2em;

	height:70%;

	background-color:white; }

#titel_portrait {

	object-fit:cover;

	cursor:pointer;

	position:absolute;

	width:20vw;

	height:20vw !important;

	max-height:unset;

	max-width:unset;

	border-radius:50%;

	border:0.2em solid white;

	top:9vw;

	right:10%; }

a.internal_link {

	cursor:pointer;

	text-decoration: none; }

td.button {

	line-height: 2em; }

#container {

	margin:1em; }

#titel_container {

	margin-left: 1em; }

div.neuesten {

	font-size:smaller;

	font-style:italic; }

.neugierig {}

#myIFrame {

	background-color:white; }


td {

	padding-left:0px;

	padding-right: 1em; }

#zeile1 {

	margin-bottom:0.5em; }

#untertitel {

	margin-top:0.3em;

	font-size:0.8em; }

#foot {

	margin-top:1em; 

	line-height:2em;}

#table_themen td {

	vertical-align: middle; }

.ausgegraut {

	color:grey; }

#login_email {

	font-weight: bold; }

img:not(#titel_portrait):not(#titel_landschaft) {

	border:lightgray 0.1em solid; }

div.subbeitrag {

	position:relative;

	margin-top:1em;

	padding-top:0.5em;

	padding-bottom:0.5em;

	margin-left:0vw;

	padding-left:3em; }

div.aktuelles, div.indyblog {

	padding-top:1em; }

div.blogbeitrag {

	position:relative;

	padding-left:3em;

	margin-left:0vw;

	margin-top:1em;

	padding-top:2em;

	margin-bottom:0.5em;

	border-top:grey solid 0.1vw; }

div.blogbeitrag:first-child {

	padding-top:1em;

	border-top:unset; }

div.avatar {

	position:absolute;

	top:0.7em; }

div.blogbeitrag div.avatar {

	top:2em; }

div.blogbeitrag:first-child div.avatar {

	top:0.2em; }

div.blogbeitrag > div.avatar,  div.subbeitrag > div.avatar {

	left:0em; }

div.blogbeitrag.right > div.avatar, div.subbeitrag.right > div.avatar {

	right:0em;

	left:unset; }

div.subbeitrag.right, div.blogbeitrag.right {

	padding-right:3em;

	padding-left:unset; }

div.right.blogbeitrag div.buttons, div.right.subbeitrag div.buttons {

	opacity:1; }

div.right {

	text-align:right; }

.themen {

	margin-bottom:0.5em; }

.ueberschrift.themen {

	margin-bottom:0em; }

.hashtag {

	color:saddlebrown;

	font-weight:bold; }

#imgScreen {

	display:none;

	position:fixed;

	top:0px;

	left:0px;

	width:100vw;

	height:100vh;

	background-color:black;

	opacity:0;

	transition:opacity 1s; }

#imgCanvas {

	touch-action: none;               /* zwingend für Pointer/Gesten */
	
  transform-origin: center center;

  transform: translate(0px, 0px) scale(1);

	object-fit:cover;

	border-color:transparent;

	display:none;

	position:fixed;

	transition-property:top, left, width, height, border-radius, border-width;

	transition-duration:0s;

	max-height:unset; }

div[data-dimmable=yes] {

	opacity:1;

	transition:opacity 1s; }

div.right input.mehr_button {

	margin-right:unset;

	margin-left:1em; }

div.right g-wrapper input.mehr_button {

	margin-left:0em; }

div.kein_weniger_button input.mehr_button.weniger_button {

	display:none; }

input.mehr_button {

	margin-right:1em;

	margin-top:0.5em;

	margin-bottom:0.5em; }

input.expand_button {

	margin-top:0.5em;

	margin-bottom:2em;

	font-size:1.2em; }

h1, h2, h3, ul {

	margin:0; }

g-wrapper {

	text-align: left;

	display:inline-block; }

h1 {

	font-size: 1.5em; }

h2 {

	font-size: 1.3em; }

h3 {

	font-size: 1.15em; }

span.pick {

	color:saddlebrown;

	cursor:pointer;

	font-size:0.8em;

	margin-right:1em;

	font-weight:normal; }

span.pick.active {

	text-decoration: underline; }

#picks {

	margin-top:1em; }

#unpick {

	display: none; }

.icon {

	position:relative;

	cursor:pointer;

	display:inline-block;

	width:2em;

	height:2em;

	background-size:cover; }

input[type=submit].input_icon {

	width:1.7em;

	height:1.7em;

	background-size:cover;

	background-color:transparent;

	border:0;

	border-radius:0%;

	padding:0;

	margin:0; 

	margin-left:0.5em; }

input[type=submit].input_icon.grau {

	opacity:0.2; }

.anmelde_icon {

	background-image:url(../images/login_schwarz.png); }

.anfrage_icon {

	background-image:url(../images/anfrage_schwarz.png); }

.anfrage_icon a, .anmelde_icon a {

	text-decoration:none; }

.bearbeiten_icon {

	background-image: url(../images/bearbeiten_schwarz.png); }

.cancel_icon {

	background-image: url(../images/cancel_schwarz.png); }

.ok_icon {

	background-image: url(../images/ok_dark.png); }

.korrektur_icon {

	background-image: url(../images/korrektur_schwarz.png); }

.kommentieren_icon {

	background-image: url(../images/kommentieren_schwarz.png); }

.ausblenden {

	background-image: url(../images/einklappen_schwarz.png); }

.einblenden {

	background-image: url(../images/ausklappen_schwarz.png); }

.einstellungen_icon {

	background-image: url(../images/einstellungen_schwarz.png); }

.einstellungen_icon {

	background-image: url(../images/einstellungen_schwarz.png); }

.logout_icon {

	background-image: url(../images/logout_schwarz.png); }

.loeschen_icon {

	background-image: url(../images/loeschen_dunkelrot.png); }

.back_icon {

	background-image: url(../images/back_weiss.png); }

.reload_icon {

	background-image: url(../images/reload_weiss.png); }

.forward_icon {

	background-image: url(../images/forward_schwarz.png); }

.icon_link {

	width:100%;

	height:100%; }

input[type="button"].einblenden {}

input[type="button"].ausblenden {}

.anmeldename {

	font-size:1.2em;

	position:relative;

	top:-0.2em; }

#settings_preface {

	width:100%;

	margin-bottom:0.2vw;

	margin-top:0.2vw;

	margin-bottom:1em; }

#settings_preface, #anfrage_preface {

	margin-bottom:1em;

	background-color:#ddd;

	width:89vw; }

.nowrap {

  white-space: nowrap; }

#navigation {

	opacity: 0;

	display: none;

	transitionProperty: opacity; }

#titel_landschaft_rahmen {

	position:relative; }

#navigation { 

	display:none;

	font-size:0.7em;

	width:100vw;

	position: absolute;

	left:1em;

	right:0px; }

#reloadbutton, #backbutton {

	margin-left:1em; }

input[type=text].neue_checkbox {

	margin-right:-0.1em; }

button.smallbutton {

	font-weight:bold;

	border-color:transparent;

	margin-right:0.5em;

	border-radius:50%;

	background-color:#999;

	color:white; 

	width:1.7em;

	height:1.7em;

	font-size:0.8em; }

input[type="checkbox"].doublechecked {

	accent-color:#3f3; }

em {

	font-family:"Courier"; }

b {

	color:orange; }

span.smart {}

:disabled {

	opacity:0.3 !important; }

.loading {

	transition: opacity 3s;

	opacity:0;

	display:none;

	position:fixed;

	width:100vw;

	height:100vh;

	top:0px;

	left:0px;

	background-color: rgba(0,0,0,0.3);

	background-image: url(./../images/loading.gif);

	background-size: 3em;

	background-position: center center;

	background-repeat:no-repeat; }

#filter_kopf.grau {

	filter: contrast(0.4) brightness(1.1); }