/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('roboto-v30-latin/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('roboto-v30-latin/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto-v30-latin/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto-v30-latin/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('roboto-v30-latin/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto-v30-latin/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('roboto-v30-latin/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('roboto-v30-latin/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto-v30-latin/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto-v30-latin/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('roboto-v30-latin/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto-v30-latin/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('roboto-v30-latin/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('roboto-v30-latin/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto-v30-latin/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto-v30-latin/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('roboto-v30-latin/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto-v30-latin/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('roboto-v30-latin/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('roboto-v30-latin/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto-v30-latin/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto-v30-latin/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('roboto-v30-latin/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto-v30-latin/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	color: inherit;
	font-size: inherit;
	outline: none;
	font-weight: inherit;
}
.noselect, button, main table td:first-child, main table td:last-child {
	user-select: none;
}
.hidden, .styled.hidden, #overlay > div, body:not(.logged) .showAfterLogin, body.logged .hideAfterLogin, #sort:not(.active) .desc, #sort.active .asc, body:not([data-type="3"]) #imageList, #overlay .frame .fa, #imageNav .fa, #conversations .partner .count:empty, #gallery.showInfo #showInfo .show, #gallery:not(.showInfo) .info, #gallery:not(.showInfo) #showInfo .hide, .thumb[data-status="-1"], .thumb.active .remove, .thumb.active .edit, .klappe:not(.active) .inhalt, .klappe.active h3 .fa, .dz-started .dz-message, #nfo > div, header nav#access ul li ul, html, body:not(.logged) nav#menu {
	display: none;
}
.pageNavi > span.hidden, .subNavi > span.hidden {
	display: none !important;
}
html {
	overflow-x: hidden;
}
html.noscroll, html.noscroll body, .dz-preview, .dz-preview .dz-image, .dz-details, .thumb {
	overflow: hidden;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 0.45cm;
	font-weight: 300;
	background-color: rgb(250, 215, 140);
	cursor: default;
}
body, #showInfo {
	color: black;
}
#conversations .partner .count, #messenger .sides, .klappe h3, #overlay .close, button.styled, header nav#access ul li ul, body > header, footer ul li {
	color: white;
}
#sortBy select {
	color: black;
	border: 0 none;
}
strong, #access .myMessages.hasNew, #access .user > span .newsCount:not(:empty), main tr[data-id] .date, h1, h2, h3, .userInfo, #conversations .partner .count {
	font-weight: 500;
}
main .date .theID {
	font-weight: 100;
	font-style: italic;
	padding-left:20px;
	opacity: 0.5;
}

p:not(:last-child), #imageList, #pictureManager .dropzone, main h1, main p, main ul, main ol, aside > section {
	margin-bottom: 0.5cm;
}
#conversations .partner .count, .klappe h3 {
	background-color: black;
}
#kopf {
	width: 100vw;
	height: 6cm;
	background-image: url(kopfbild.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 1cm;
}
body > header {
	position: fixed;
	z-index: 10;
	top: 0;
	width: 100vw;
	height: 2cm;
	padding: 0.2cm 22vw 0 22vw;
	display: flex;
	justify-content: space-between;
	background-image: url(header.png);
	background-size: 100% 100%;
}
header ul, footer ul {
	list-style: none;
}
header nav > ul {
	display: flex;
	flex-direction: row;
}
header nav > ul > li, button.styled, header nav#access ul li ul {
	border-radius: 0.5cm;
}
header nav > ul li, button.styled {
	padding: 0 0.4cm 0 0.4cm;
	line-height: 0.45cm;
	font-size: 0.45cm;
	position: relative;
	white-space: nowrap;
	height: 1cm;
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
}
header nav > ul li.inv {
	background-color: rgb(221, 72, 17);
	color: white;
	opacity: 0.75;
}
header nav > ul li.inv:hover {
	opacity: 1;
}
li:empty {
	height: 0.5cm !important;
}
header nav ul li:not(:last-child) {
	margin-right: 0.2cm;
}
tr[data-id] .menu, #imageNav .fa, #conversations .partner .count, #showInfo, #gallery .info, .thumb .fa, .thumb .selected, .dz-remove, .dz-preview .dz-progress .dz-upload, .dz-preview .dz-progress, .dz-error-message, main .listing tr[data-id].inactive .locked, main .listing tr[data-id].inactive .flagged, #nfo, .close, #overlay > div, #overlay .frame, #access .user > span .newsCount:not(:empty), header nav#access ul li ul {
	position: absolute;
}
header nav#access ul li ul {
	min-width: 100%;
	top: 0;
	left: 0;
	transform: translateX(-98%);
	border-top-right-radius: 0;
	overflow: hidden;
}
header nav#access > ul > li.active {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
header nav#access ul li.active ul, .userInfo, #kopf, #nfo:hover > div, .hidden.active, #overlay > div.active, #overlay .frame, button > a {
	display: block;
}
header nav#access ul li ul li {
	height: 0.8cm;
	width: calc(100% - 0.2cm);
	margin: 0.1cm;
	border-radius: 0.4cm;
}
header nav ul li:not(:empty):not(#sortBy):hover, header nav ul li.active, header nav#access ul li ul, button.styled:hover {
	background-color: rgb(221, 72, 17);
}
header nav#access ul li ul li:not(:empty):hover, button.styled, #messenger .sides {
	background-color: rgb(170, 30, 40);
}
#access .user > span {
	position: relative;
}
#access .user > span .newsCount:not(:empty), #overlay > div, .page, #showInfo, .thumb .fa, .thumb .selected, .klappe .inhalt, #pictureManager .dropzone, #newEntry, main .content table, #nfo > div {
	background-color: white;
}
#access .user > span .newsCount:not(:empty) {
	top: 0;
	right: 0;
	transform: translate(120%, -50%);
	color: rgb(0, 96, 192);
	font-size: 0.4cm;
	width: 0.6cm;
	height: 0.6cm;
	border-radius: 0.3cm;
	line-height: 0.6cm;
}
header nav li > a {
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
}
main {
	padding: 0 22vw 0 22vw;
	min-height: calc(100vh - 6cm);
}
button.styled, #profil .preview > img, input, textarea {
	border: none;
}
button.submit, button.draft, button.cancel, button.clear {
	display: inline-block !important;
}
button.killme {
	float: right;
}
button:not(:last-child) {
	margin-right: 0.2cm;
}
button + p {
	margin-top: 0.5cm;
}
/* transitions */
button, header nav > ul > li {
	transition: background-color 0.9s ease-out 0s;
}
button:hover, header nav > ul > li:not(#sortBy):hover, header nav > ul > li:not(#sortBy).active {
	transition: background-color 0.1s ease-out 0s;
}
/*******/
.fa {
	font-size: 20px;
}
button > a {
	width: 100%;
	height: 100%;
}
header nav ul li:not(:empty), .close, #profil .fa, button, th[data-sort], .klappe h3, .gallery img, tr:not([data-status="2"]) .userInfo img[data-user], .thumb .fa, .thumb .selected, #sort, .listing tr:not(.inactive) .preview, #showInfo, #conversations .partner > img, #imageNav .fa, footer li, tr[data-id] .menu {
	cursor: pointer;
}
.userInfo[data-status="-1"] img[data-user] {
	opacity: 0.5;
}
#sort:hover .fa {
	color: rgb(170, 30, 40);
}
.listing tr.inactive .preview {
	opacity: 0.23;
}
#profil table .fa {
	font-size: 0.7cm;
	transition: color 0.9s ease-out 0s;
}
#profil table .fa:hover {
	color: rgb(221, 72, 17);
	transition: color 0.1s ease-out 0s;
}
#profil .avatar > img {
	max-width: 128px;
}
#profil .preview > img {
	width: 128px;
	height: 128px;
}
nav a {
	text-decoration: none;
}
nav .fa, button .fa {
	padding-right: 0.1cm;
}
input, textarea {
	margin-bottom: 2px;
}
input, textarea {
	padding: 0.1cm 0.2cm 0.1cm 0.2cm;
}
input:not(:last-child) {
	margin-bottom: 0.2cm;
}
table {
	width: 100%;
	border-collapse: collapse;
}
td {
	position: relative;
	vertical-align: top;
}
table.listing td {
	transform: scale(1.01, 1.01);/* Haarlinien übertünchen */
}
textarea, input[type=text], input[type=password], input[type=email], #profil td.data {
	width: 100%;
}
#profil td img {
	margin-right: 0.5cm;
}
textarea {
	resize: vertical;
}
#overlay {
	background-color: rgba(0, 0, 0, 0.69);
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 99;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#overlay .frame {
	z-index: 1;
	width: 100vw;
	height: 100vh;
}
#overlay > div {
	overflow-y: scroll;
	max-height: 90vh;
	width: 50vw;
	z-index: 90;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0.2cm 0.2cm 0.5cm rgba(0, 0, 0, 0.1);
	padding: 0.5cm;
}
#messenger, #pictureManager {
	overflow-y: scroll;
}
#overlay input, textarea, #newEntry input {
	background-color: rgba(0, 0, 0, 0.1);
}
#overlay input[readonly] {
	background-color: rgba(0, 0, 0, 0.05);
}
.close {
	top: 0;
	right: 0;
	transform: translateY(-100%);
	padding: 0.1cm;
}
.fa.hidden {
	display: none !important;
}
#overlay label {
	opacity: 0.5;
}
input.error, textarea.error, div.error {
	outline: 2px solid rgb(192, 0, 0);
}
#nfo {
	z-index: 9999;
	top: 0;
	left: 0;
	min-width: 0.1cm;
	min-height: 0.1cm;
	background-color: white;
	padding: 0.3cm;
	border-radius: 0.3cm;
	font-size: 0.3cm;
	max-width: 100vw;
	max-height: 100vh;
	overflow: hidden;
	opacity: 0.95;
}
#nfo:hover {
	overflow: scroll;
}
#nfo > div {
	padding: 0;
	white-space: normal;
}
#profil .fa, .klappe .fa {
	margin-right: 0.25cm;
	display: inline-block;
}
main table td:nth-child(1) {
	width: 4cm;
	min-width: 4cm;
	max-width: 4cm;
}
main table:not(.reply) td:nth-child(3) {
	vertical-align: bottom;
}
main table td:nth-child(3) {
	position: relative;
	padding: 0.2cm 0.2cm 0.5cm 0.2cm;
	width: 1cm;
}
main table.reply td {
	padding: 0.2cm;
	position: static;
}
main table:not(.reply) td:not(:nth-child(3)), main th {
	padding: 0.2cm 0.2cm 1cm 0.2cm;
}
main th {
	background-color: rgb(250, 215, 140);
	padding: 0.5cm 0.2cm 0 0.2cm;
}
main table:not(.reply) td:empty {
	background-color: rgb(250, 215, 140);
	padding: 0.1cm;
}
main table.reply td {
	background-color: rgb(250, 215, 140);
	border-bottom: 2px solid rgb(250, 215, 140);
}
main td:first-child img[data-user], main td:first-child img.avatar {
	width: 1.5cm;
	border: 2px solid white;
}
main tr[data-id] .date {
	font-size: 0.35cm;
	vertical-align: top !important;
	margin-bottom: 0.5cm;
	display: inline-block;
}
main table:not(.listing) tr[data-id] {
	border-top: 1px solid rgb(250, 215, 140);
}
main .listing tr[data-id] {
	background-image: url(abriss.png);
	background-repeat: repeat-x;
	background-position-y: bottom;
	background-size: contain;
}
main .listing tr[data-id].inactive td:first-child {
	position: relative;
}
main .listing tr[data-id].inactive .locked, main .listing tr[data-id].inactive .flagged {
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
	font-size: 0.6cm;
}
main .listing tr[data-id]:hover {
	opacity: 1;
	z-index: 99;
}
main .preview *:not(h1) {
	display: inline-block;
}
#newEntry {
	border: 1px solid rgb(170, 30, 40);
	padding: 0.2cm;
}
#pictureManager .dropzone {
	border: 1px solid black;
	padding: 0.2cm;
	box-shadow: 0.2cm 0.2cm 0.5cm rgba(0, 0, 0, 0.1);
	text-align: center;
	margin-top: 0.5cm;
}
/* Dropzone Styles */
.dropzone {
	min-width: 120px;
	min-height: 120px;
	position: relative;
	border: 1px solid rgb(0, 0, 0);
	background-color: rgb(255, 255, 255);
	margin-bottom: 10px;
}
.dz-message {
	text-align: center;
	padding: 25px;
}
.dz-drag-hover .dz-message {
	opacity: 0.5;
}
.dz-preview {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	width: 100px;
	height: 100px;
	font-size: 12px;
	line-height: 15px;
}
.dz-error-message {
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-color: rgba(255, 255, 255, 0.8);
}
.dz-error {
	outline: 3px solid rgb(192, 0, 0);
}
.dz-preview .dz-image {
	width: 100px;
	height: 100px;
}
.dz-preview .dz-image img {
	transition: transform 0.69s ease-out;
}
.dz-preview:hover .dz-image img {
	transform: scale(1.23, 1.23);
	transition: transform 0.14s ease-out;
}
.dz-preview.dz-processing .dz-progress {
	transition: all 0.33s linear;
}
.dz-preview.dz-complete .dz-progress {
	transition: opacity 0.33s ease-in;
}
.dz-preview.dz-complete .dz-progress .dz-upload {
	background-color: rgb(0, 192, 255);
}
.dz-preview.dz-error .dz-progress .dz-upload {
	background-color: rgb(192, 0, 0);
}
.dz-preview .dz-progress {
	opacity: 1;
	z-index: 100;
	pointer-events: none;
	border-top: 1px solid rgb(255, 255, 255);
	height: 3px;
	left: 0px;
	bottom: 0px;
	width: 100px;
	background-color: rgba(0, 0, 0, 0.69);
	overflow: hidden;
}
.dz-preview .dz-progress .dz-upload {
	background-color: rgb(0, 192, 255);
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 0px;
	transition: width 0.33s ease-in-out;
}
.dz-remove {
	opacity: 0;
	text-decoration: none;
	bottom: 3px;
	left: 0px;
	width: 100px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.69);
	color: rgb(255, 255, 255);
	transition: all 0.33s ease-out;
}
.dz-remove:hover {
	color: rgb(255, 192, 0);
}
.dz-details {
	display: none;
}
.dz-preview:hover {
	z-index: 100;
}
.dz-preview:hover .dz-details, .dz-preview:hover .dz-remove {
	opacity: 1;
}
.klappe {
	z-index: 1;
	margin-bottom: 0.2cm;
}
.klappe.active {
	z-index: 2;
}
.klappe h3 {
	position: relative;
	font-weight: 300;
	padding: 0.1cm;
}
.klappe .inhalt {
	border: 1px solid black;
	box-shadow: 0.2cm 0.2cm 0.5cm rgba(0, 0, 0, 0.1);
	padding: 0.5cm;
}
.thumb, #galerieditor li {
	width: 3cm;
	height: 3cm;
	display: inline-block;
	position: relative;
	margin: 0 5px 5px 0;
	border: 2px solid black;
	transition: box-shadow 0.2s ease-out 0s;
}
.thumb:hover, #galerieditor li:hover {
	z-index: 3;
	box-shadow: 0.3cm 0.3cm 1cm rgba(0, 0, 0, 0.2);
}
.thumb img, #galerieditor li img {
	width: 100%;
	height: 100%;
}
.thumb.active {
	outline: 4px solid rgb(0, 192, 0);
	border: 2px solid white;
}
.thumb .fa {
	padding: 3px;
	margin: 0;
	opacity: 0;
	width: 30px;
	text-align: center;
}
.thumb.active .selected {
	opacity: 1
}
.thumb:hover .fa {
	opacity: 0.5;
}
.thumb:hover .fa:hover {
	opacity: 1;
}
.thumb .remove, .thumb .selected {
	border-left: 1px solid black;
	border-top: 1px solid black;
	bottom: 0;
	right: 0;
}
.thumb .edit {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	top: 0;
	left: 0;
}
.thumb .hide, .thumb .show {
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	top: 0;
	right: 0;
}
.thumb[data-status="1"] .show, .thumb[data-status="0"] .hide {
	display: none;
}
.preview img {
	width: 3cm;
	height: 3cm;
	margin-right: 0.2cm;
	border: 2px solid black;
	box-shadow: none !important;
}
.gallery img {
	margin-right: 0.2cm;
	border: 2px solid black;
	transition: box-shadow 0.2s ease-out 0s;
	width: 200px;
	height: 200px;
}
.gallery img:hover {
	z-index: 3;
	box-shadow: 0.3cm 0.3cm 1cm rgba(0, 0, 0, 0.2);
}
#gallery {
	width: auto !important;
	position: relative;
	text-align: center;
}
#gallery img {
	max-height: 80vh;
	max-width: 80vw;
}
#gallery .info {
	bottom: 0;
	left: 50%;
	width: 100%;
	transform: translate(-50%, 0);
	background-color: rgba(255, 255, 255, 0.9);
	padding: 0.5cm;
	padding-bottom: 2cm;
}
#showInfo {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	padding: 0.25cm;
	/*transition: opacity 0.2s ease-out 0s;*/
	border-top-left-radius: 0.75cm;
	border-top-right-radius: 0.75cm;
	display: flex;
	width: 1.5cm;
	text-align: center;
	align-content: center;
	justify-content: center;
	z-index: 99;
	opacity: 0;
}
#gallery .picture {
	position: relative;
}
#gallery:hover #showInfo {
	opacity: 1;
}
#showInfo .fa {
	font-size: 1cm;
}
#messenger .sides {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0.2cm;
	line-height: 0;
	margin-bottom: 0.2cm;
}
#messenger .sides img {
	border: 2px solid white;
	width: 100px;
}
#messenger .content > div > div {
	padding: 0 0.2cm 0.1cm 0.2cm;
	border-bottom: 2px solid white;
}
#messenger .content .me {
	text-align: left;
	background-color: rgba(0, 0, 0, 0.2);
}
#messenger .content .you {
	text-align: left;
	padding-left: 33%;
	background-color: rgba(0, 0, 0, 0.1);
}
#messenger .content .date {
	font-size: 0.3cm;
	line-height: 0.3cm;
	font-style: italic;
}
#messenger .content {
	max-height: 10cm;
	overflow-y: scroll;
}
#messenger .content > span {
	margin-bottom: 0.2cm;
}
#messenger .content .unread {
	border-left: 5px solid rgb(170, 30, 40);
	border-bottom: 0;
}
#conversations .partner {
	margin-right: 0.2cm;
	position: relative;
	height: 1cm;
	width: 1cm;
	display: inline-block;
}
#conversations .partner > img {
	width: 1cm;
	height: 1cm;
}
#conversations .partner .count {
	top: 0;
	right: 0;
	width: 0.6cm;
	height: 0.6cm;
	font-size: 0.3cm;
	line-height: 0.5cm;
	border-radius: 0.3cm;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate(50%, -50%);
}
.mce-container, .mce-container * {
	box-sizing: border-box !important;
}
#imageNav {
	position: relative;
	justify-content: space-between;
	height: 1cm;
}
#imageNav .fa {
	opacity: 0.5;
	padding: 0.2cm 0.5cm 0.2cm 0.5cm;
	font-size: 0.8cm;
	top: 0;
}
#imageNav .fa[data-id] {
	display: inline-block;
}
#imageNav .fa:hover {
	opacity: 1;
	color: rgb(170, 30, 40);
}
#imageNav .prev {
	left: 0;
}
#imageNav .next {
	right: 0;
}
.userInfo {
	font-size: 0.35cm !important;
	line-height: 0.35cm !important;
	position: relative;
}
.userInfo .birthday {
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 1s linear 1;
}
@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
main, #overlay {
	line-height: 0.8cm;
}
main .preview h1, main .preview p {
	margin-bottom: 0;
}
.mce-charactercount {
	position: absolute !important;
	left: 5px;
	top: 5px;
}
.page {
	padding: 0.5cm;
}
.page ul, .page ol {
	margin-left: 0.5cm;
}
.contentBody h1 {
	font-size: 0.8cm;
	line-height: 1.0cm;
}
.contentBody h2 {
	font-size: 0.6cm;
	line-height: 0.8cm;
}
.contentBody h3 {
	font-weight: 500;
	text-decoration: underline;
}
.page h2 {
	display: table;
	background-color: rgb(170, 30, 40);
	color: white;
	padding: 0 0.2cm 0 0.5cm;
	margin-left: -0.5cm;
}
tr[data-id] .menu {
	padding: 0.1cm;
	top: 0.1cm;
}
tr[data-id] .menu .fa,
div.comments table .fa {
	opacity: 0.5;
}
tr[data-id] .menu .fa:hover,
div.comments table .fa:hover {
	opacity: 1;
}
aside.container {
	position: fixed;
	top: 2cm;
	width: 20vw;
	padding: 1vw;
}
aside.container.left {
	left: 0;
}
aside.container.right {
	right: 0;
}
aside.container > section {
	position: relative;
	width: 18vw;
	height: 10vw;
}
aside.container > section .conti {
	opacity: 0;
}
aside.container > section img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
footer {
	margin-top: 2cm;
	background-color: rgb(170, 30, 40);
	padding: 0 22vw 0 22vw;
	text-align: center;
}
footer li {
	display: inline-block;
	padding: 0.1cm;
}
footer li.link:hover {
	text-decoration: underline;
}
footer li.link + li.mail {
	margin-left: 0.5cm;
}
main .page.allUsers > span {
	cursor: pointer;
	display: inline-block;
	margin: 0 0.2cm 0.2cm 0;
	padding: 0.1cm;
	background-color: rgb(170, 30, 40);
	color: white;
}
main .page.allUsers img {
	width: 128px;
	height: 128px;
	padding: 1px;
	background-color: white;
}
#publicProfile .content td img {
	width: 5cm;
}
#publicProfile .content table table {
	width: calc(100% - 1cm);
	margin-left: 1cm;
}
#overlay td {
	transform: none !important;
	padding: 0.1cm;
}
.online, .offline {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	margin-right: 0.1cm;
	border: 2px solid white;
	vertical-align: text-top;
}
.online {
	background-color: rgb(0, 192, 0);
}
.offline {
	background-color: rgb(192, 0, 0);
}
.likes {
	position: absolute;
	bottom: 0.5cm;
	left: 0.2cm;
}
.likes .fa {
	vertical-align: text-top;
	padding-right: 0.1cm;
}
.likes .fa-thumbs-o-up.inactive {
	opacity: 0.5;
}
.likes .fa:not(.inactive) {
	cursor: pointer;
}
.likes .fa:not(.inactive):hover {
	color: rgb(0, 96, 192);
	opacity: 1;
}
.likes .fa-thumbs-up.inactive {
	color: rgb(170, 30, 40);
}
#gallery .likes {
	left: 50%;
	transform: translate(-50%, 100%);
	z-index: 10;
	bottom: 0;
}
main .content .page[data-page="FAQ"] h3 {
	cursor: pointer;
}
main .content .page[data-page="FAQ"] h3:hover {
	color: rgb(170, 30, 40);
}
main .content .page[data-page="FAQ"] h3:not(.active) + div.answer {
	display: none;
}
main .content .page[data-page="FAQ"] h3:after {
	font-family: FontAwesome;
	display: inline-block;
	padding-left: 0.1cm;
}
main .content .page[data-page="FAQ"] h3:not(.active):after {
	content: "\f0d7";
}
main .content .page[data-page="FAQ"] h3.active:after {
	content: "\f0d8";
}
main .content p {
	line-height: 0.8cm !important;
}
.preview .likes, .preview .sc_count {
	display: none;
}
.gallery > span {
	line-height: 0;
	position: relative;
	display: inline-block;
}
.gallery > span .likes {
	background-color: rgba(255, 255, 255, 0.69);
	padding: 0.1cm;
	bottom: 2px;
	left: 2px;
}
.gallery > span .sc_count {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.69);
	padding: 0.1cm;
	top: 2px;
	bottom: auto;
	left: 2px;
}
.gallery > span .sc_count .fa-commenting {
	display: inline-block;
	margin-right: 0.1cm;
	opacity: 0.5;
}
hr {
	border: none;
	background-color: rgb(170, 30, 40);
	padding: 1px;
	width: 60%;
	margin: 0.2cm auto 0.52cm auto;
}
tr:not(.unread) td span.fa-commenting {
	display: none;
}
tr.unread span.fa-commenting {
	position: absolute;
	top: 0.5cm;
	left: 2cm;
	font-size: 0.6cm;
	color: rgb(250, 215, 140);
}
.listing .counter {
	position: absolute;
	white-space: nowrap;
	right: 0.2cm;
	bottom: 0.3cm;
	color: black;
	font-size: 15px;
}
.listing .counter .fa {
	display: inline-block !important;
	position: static !important;
	color: black !important;
	font-size: inherit !important;
}
.content table td:nth-child(2) img {
	max-height: 12cm;
	max-width: 90%;
}
td .draft {
	font-family: 'Arial';
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-25%, 50%) rotate(-15deg);
	color: rgb(170, 30, 40);
	font-size: 0.7cm;
	font-weight: 700;
	line-height: 0;
}
p input[type=checkbox] {
	width: 0.75cm;
	height: 0.75cm;
	vertical-align: middle;
}
.group {
	display: block;
	width: 1.5cm;
	height: 1.5cm;
	background-image: url(wirbel.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.number {
	font-weight: 300;
	padding-right: 0.5cm;
	position: absolute;
	bottom: 0;
	left: 0.2cm;
	display: inline-block;
	font-size: 0.35cm;
	opacity: 0.5;
}
.pageNavi {
	display: flex;
	flex-direction: row;
}
.subNavi {
	padding: 0.2cm 0 0.2cm 0;
}
.subNavi > span, .pageNavi > span {
	display: inline-block;
	padding: 0.1cm 0.3cm 0.1cm 0.3cm;
	background-color: rgb(170, 30, 40);
	color: white;
	font-weight: 500;
	margin-right: 0.1cm;
	opacity: 0.5;
	line-height: 0.5cm;
	border-radius: 0.35cm;
	height: 0.7cm;
}
.subNavi > span:not(.active), .pageNavi > span:not(.active) {
	cursor: pointer;
}
.subNavi > span.active, .pageNavi > span.active {
	opacity: 1;
}
.pageNavi > span[data-page]:first-child, .subNavi > span:first-child {
	margin-right: 0.5cm;
}
.pageNavi > span.last, .subNavi > span:last-child {
	margin-left: 0.5cm !important;
}
.tag:not(:empty) {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 0.25cm;
	display: inline-block;
	margin-left: 0.2cm;
	padding: 0 0.2cm 0 0.2cm;
	line-height: 0.5cm;
}
#newsFilter {
	margin-left: 0.5cm !important;
	opacity: 0.5;
}
#newsFilter.active {
	opacity: 1;
}
#tagFilter {
	margin-bottom: 0.2cm;
}
tr[data-id] .isDraft {
	display: block;
	width: 2cm;
	height: 0.5cm;
	transform: rotate(-15deg);
	background-image: url(draft.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: -1cm;
	bottom: 1cm;
	z-index: 99;
}
tr[data-id] .pinned {
	display: block;
	width: 50px;
	height: 117px;
	transform: scale(0.5, 0.5) rotate(45deg);
	background-image: url(pin.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0.4cm;
	top: -1.7cm;
	z-index: 99;
}
div:empty {
	line-height: 3px;
}
#gallery .comments tr:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.1);
}
#gallery .comments tr:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.05);
}
#gallery .comments td {
	text-align: left;
	position: relative;
}
#gallery .comments td:last-child {
	padding: 0.1cm 0.1cm 0.1cm 0;
}
#gallery .comments td:first-child {
	font-size: 0.3cm;
	line-height: 0.4cm;
	width: 20%;
}
#gallery .comments td img {
	width: 1cm;
	height: 1cm;
}
#gallery .comments td .date {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0.3cm;
	line-height: 0.4cm;
}
#gallery .comments td p {
	margin-top: 0.5cm;
	font-family: 'Roboto', sans-serif;
	font-size: 0.4cm;
	line-height: 0.6cm;
	white-space: pre-wrap;
}
img[data-user].terminated {
	outline: 3px solid rgb(192, 0, 0);
}
.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video iframe, .video object, .video embed {
	border: 0 none;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
}
main .content table#replies tr[data-id] td:nth-child(2) {
	max-width: 0;
}
main .content table#replies tr[data-id][data-terminated] {
    opacity:0.7;
}
main .content table#replies tr[data-id][data-terminated] td:nth-child(2) *:not(.date) {
}
main .content table#replies tr[data-id] td:nth-child(2) pre {
	white-space: inherit;
}
main > .content > video {
	border: 0 none;
	padding: 2px 1px 2px 2px;
	background-color: white;
	box-shadow: 0.1cm 0.1cm 0.2cm rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 9;
	margin-bottom: 0.5cm;
}
p.big {
	font-size: 0.75cm;
	line-height: 1.5cm;
}
main .content table tr[data-id] td:nth-child(2) {
	max-width: 0;
}
main .content table tr[data-id] td:nth-child(2) * {
	white-space: inherit;
}
span.birthday {
	font-size: 0.6cm;
	color: rgb(170, 30, 40);
}
main > div.content tr[data-id] td:nth-child(2) p {
	display: block !important;
}
#sortBy:not(.userSpecific) .fa-user-circle {
	display: none !important;
}
#sortBy .fa-user-circle {
	padding-left: 0.2cm;
}
main .content table tr[data-id] td:nth-child(2) a {
    display: inline-block;
    max-width: 100%;
    overflow-x: hidden;
}
.box {
	background-color:rgba(0,0,0,0.1);
	padding:0.1cm 0.2cm 0.1cm 0.2cm;
	font-size:80%;
	margin-bottom:0.3cm !important;
}
/*********
mobile query
*********/
@media (max-width: 900px) {
	#sortBy {
		display: none;
	}
	#overlay .frame {
		position: static;
		height: 2cm;
		display: flex;
		justify-content: center;
	}
	#overlay .frame .fa, table td:not(:empty) {
		display: block;
	}
	#overlay .frame .fa {
		color: white;
		font-size: 1cm;
		line-height: 2cm;
	}
	#nfo {
		display: none;
	}
	body > aside.container {
		position:static;
		padding:0;
	}
	body > aside.container > section {
		width:100vw;
		height:57vw;
	}
	html {
		min-height: 100vh;
	}
	main {
		padding: 0;
	}
	main > .content td {
		padding: 0.5cm !important;
		width: 100% !important;
	}
	body > header {
		padding: 0;
	}
	header nav > ul > li, button.styled {
		border-radius: 0;
		padding: 0.1cm;
	}
	header nav ul li:not(:last-child) {
		margin-right: 0;
	}
	#overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		overflow-y: scroll;
	}
	#overlay > div {
		position: static;
		width: 100%;
		transform: none;
	}
	table td:not(:empty) {
		min-width: 100% !important;
		max-width: 100% !important;
	}
	#gallery {
		height: 90vh;
	}
	#gallery > img {
		max-width: 100%;
		max-height: 70%;
	}
	#gallery #showInfo {
		top: auto;
		bottom: 1cm;
	}
	#gallery .picture {
		position: static;
	}
	#gallery .info {
		position: static;
		top: auto;
		bottom: 1cm;
		left: 0;
		transform: none;
	}
	#gallery .likes {
		display: block;
		position: static;
		transform: none;
	}
	#showInfo {
		position: static;
		transform: none;
		opacity: 1;
	}
	main .listing tr[data-id] {
		background: none;
		border-bottom: 1px dashed rgb(170, 30, 40);
	}
	header nav {
		font-size: 0.4cm;
	}
	main .content .allUsers > span {
		font-size: 0.4cm;
		line-height: 0.4cm;
	}
	main .content .allUsers > span img {
		width: 2cm;
		height: 2cm;
	}
	nav#access {
		position: absolute;
		right: 0.5cm;
		top: 0;
	}
	nav#access .user .txt {
		display: none;
	}
	td > .likes {
		right: 0.2cm;
		left: auto;
	}
	tr[data-id] .menu {
		right: 0;
		bottom: 0;
		top: auto;
	}
	.menu .fa {
		padding: 0.5cm;
	}
	html.noscroll, html.noscroll body, .dz-preview, .dz-preview .dz-image, .dz-details, .thumb {
		overflow: scroll;
	}
	.tox-tinymce {
		height: auto !important;
	}
}

@media (max-width: 900px) and (orientation : landscape) {
	body > aside.container {
		position:static;
		padding:0.1cm;
		display:block;
	}
	body > aside.container > section {
		width:100vh;
		height:57vh;
		display:inline-block;
	}
	body > aside.container > section img {
		width:100vh;
		height:57vh;
		display:inline-block;
	}
}

#profil .visitors {
	position:relative;
}
#profil .visitors .smallPopUp {
	position: absolute;
	background-color: white;
	border: 1px solid black;
	padding: 10px;
	box-shadow: 10px 10px 10px rgb(0 0 0 / 20%);
	z-index:9;
	bottom:0;
	left:0;
	max-height:5cm;
	overflow-y:scroll;
}
#profil .visitors > p {
	align-items: center;
    display: flex;
}
#profil, #guestbook {
	transition: transform 0.2s ease-out 0s;
}
#profil.rotateOut, #guestbook.rotateOut {
	transform: translate(-50%,-50%) perspective(1000px) rotateY(-90deg);
}
#profil.rotateIn, #guestbook.rotateIn {
	transform: translate(-50%,-50%) perspective(1000px) rotateY(90deg);
}

#profile > .background {
	opacity: 0.5;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(https://background-tiles.com/overview/green/patterns/large/1059.png);
}
#profil .avatar > img {
	outline: 2px solid white;
	background-color: white;
	box-shadow: 5px 5px 5px rgb(0 0 0 / 30%), 10px 10px 20px rgb(0 0 0 / 30%);
}
#chitchat {
	display: inline-block;
}
input[name="chitchat"] {
	padding: 0.25cm;
}
#chatroom .content {
	margin-top:0.5cm;
	max-width:100%;
}
#chatroom td:first-child {
	line-height: 0.4cm;
	opacity: 0.5;
}
#chatroom td {
	vertical-align: middle;
	padding: 0.25cm;
	margin: 0;
}
#chatroom pre {
	display:block;
	border-radius:8px;
	padding:8px;
	background-color:rgb(230,230,230);
	white-space: normal;
}
header nav ul li.signal {
	position: relative;
}
header nav ul li.signal:not(.active):not(:hover):after {
	position: absolute;
	top:0;
	right:0;
	content: '';
	width:10px;
	height:10px;
	border-radius: 5px;
	animation: signal 2s linear infinite;
   	background-color: rgba(221,72,17,1);
}
header nav ul li.signal:not(.active):hover:after {
   	background-color: rgba(250,133,17,1);
}
@keyframes signal {
	0% {
    	opacity:0;
	}
	10% {
		opacity:1;
	}
	50% {
    	opacity:0;
	}
	100% {
    	opacity:0;
	}
}