html,body {
  background:#0a0a0a;
  font:12px/18px 'TNOpenSans',Verdana,sans-serif;
  color:#e7e7e7;
  padding:0;
  margin:0px;
}

body {
  padding:10px;
}

a:link {
  color:#e7e7e7;
  text-decoration:underline;
}

a:visited {
  color:#e7e7e7;
  text-decoration:underline;
}

a:hover {
  color:#e7e7e7;
  text-decoration:underline;
}

a:active {
  color:#e7e7e7;
  text-decoration:underline;
}

IMG {
  border:none;
}

FIELDSET {
  border:none;
  margin:0px;
  padding:0px;
}

CANVAS {
  font-family:'TNOpenSans',Verdana,sans-serif;
}

#menu {
  list-style-type:none;
  padding-left:0px;
  text-transform:uppercase;
  line-height:32px;
  font-size:16px;
  margin-top:20px;
}

#menu>li>UL {
  list-style-type:disc;
  text-transform:none;
  font-weight:normal;
  padding-left:20px;
  padding-bottom:40px;
  padding-top:5px;
  font-size:12px;
  line-height:24px;
  border-top:1px solid #e7e7e7;
  background:#0a0a0a;
}

#menu LI {
  float:left;
  width:300px;
  margin-right:60px;
  background:#222;
  text-indent:5px;
}

#menu UL LI {
  float:none;
  width:280px;
  background:#0a0a0a;
  text-indent:0;
}

#menu a {
  text-decoration:none;
}

#menu #menupunkt4 {
  clear:both;
}

@media all and (max-width: 1080px) {
#menu #menupunkt3, #menu #menupunkt5 {
  clear:both;
}
#menu #menupunkt2, #menu #menupunkt4, #menu #menupunkt6 {
  clear:none;
}
}

@media all and (max-width: 720px) {
#menu #menupunkt2, #menu #menupunkt3, #menu #menupunkt4, #menu #menupunkt5, #menu #menupunkt6 {
  clear:both;
}
}

INPUT, SELECT, TEXTAREA {
  color:#000000;
  font:12px 'TNOpenSans',Verdana,sans-serif;
  padding:2px;
}

input[type="file"] {
	color:white;
}

TEXTAREA {
  resize:none;
}

.querstrich {
  width:100%;
  color:#e7e7e7;
  background-color:#e7e7e7;
  height:1px;
  border:none;
  margin:20px 0px;
  clear:both;
}

h1 {
  font:30px/60px 'TNOpenSans',Verdana,sans-serif;
  color:#f39200;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:1px;
  border-top:1px solid #f39200;
  border-bottom:1px solid #f39200;
  margin:20px 0 30px 0;
  display:inline-block;
  padding:0 70px 0 30px;
}

#themen_filtern, #kurzlinks_filtern {
  box-sizing:border-box;
  height:24px;
}

#themen_filtern_x, #kurzlinks_filtern_x {
  position:absolute;
  right:4px;
  color:white;
  top:4px;
  cursor:pointer;
  width:17px;
  height:17px;
  text-align:center;
  font-size:14px;
  line-height:15px;
  opacity:.2;
  background:black;
  border-radius:50%;
  display:none;
  -webkit-transition:opacity .3s ease-out;
  -moz-transition:opacity .3s ease-out;
  -o-transition:opacity .3s ease-out;
  -ms-transition:opacity .3s ease-out;
  transition:opacity .3s ease-out;
}

#themen_filtern_x:hover, #kurzlinks_filtern_x:hover {
  opacity:.4;
}

span.newsletter_betreff {
	display:block;
	padding-left:16px;
	font-style:italic;
	max-width:300px;
}

table {
  border:1px solid #e7e7e7;
  color:#e7e7e7;
  font:12px/18px 'TNOpenSans',Verdana,sans-serif;
}

table thead td {
  padding:10px;
  margin:0px;
  font:bold 12px/18px 'TNOpenSans',Verdana,sans-serif;
  color:#e7e7e7;
}

table thead SPAN.sortiert {
  padding-right:20px;
  margin:0px;
  background:url("../ordnung_aktiv.png") right 1px no-repeat;
  color:#f39200;
}

table thead A.sortieren {
  padding-right:20px;
  margin:0px;
  background:url("../ordnung_inaktiv.png") right 1px no-repeat;
  text-decoration:none;
}

table thead A.sortierung {
	width:16px;
	height:1em;
	background-size:16px 10px;
	background-repeat:no-repeat;
	margin-left:6px;
	display:inline-block;
}

table thead A.sortierung.sortierung-asc {
	background-image:url("../ordnung_inaktiv.png");
}

table thead A.sortierung.sortierung-desc {
	background-image:url("../ordnung_inaktiv_absteigend.png");
}

table thead A.sortierung.sortierung-asc.sortierung-aktiv {
	background-image:url("../ordnung_aktiv.png");
}

table thead A.sortierung.sortierung-desc.sortierung-aktiv {
	background-image:url("../ordnung_aktiv_absteigend.png");
}

table tbody tr td {
  padding:10px;
  margin:0px;
  font:12px/18px 'TNOpenSans',Verdana,sans-serif;
  color:#e7e7e7;
  vertical-align:top;
}

table tbody tr:nth-of-type(2n) td {
  background:#050505;
}

table tbody tr:nth-of-type(2n+1) td {
  background:#101010;
}

table tbody tr td.fehler {
  background-image:url(../warnung.png);
  background-position:right 13px;
  background-repeat:no-repeat;
  color:red;
}

table tbody ul {
  padding-left:0px;
  margin:0px;
  color:white;
}

table tbody li {
  margin:0px 0px 0px 18px;
  padding:0px;
  color:white;
}

table td span.filtered {
	display:none;
}

table.filtered td span.filtered {
	display:inline;
}
p.hinweise {
  margin:12px 0px 0px 0px;
  font-weight:bold;
  color:white;
}

A.img_bearbeiten, A.img_loeschen, A.img_neu, A.img_oeffnen {
  margin:0px 6px 0px 2px;
}

SPAN.img_loeschen, SPAN.img_bearbeiten, SPAN.img_plus, SPAN.img_pfeilhoch, SPAN.img_pfeilrunter {
  margin:0px 8px 0px 0px;
  cursor:pointer;
}

A.img_bearbeiten IMG, A.img_loeschen IMG, A.img_neu IMG, A.img_oeffnen IMG, SPAN.img_loeschen IMG, SPAN.img_bearbeiten IMG, SPAN.img_plus IMG, SPAN.img_pfeilhoch IMG, SPAN.img_pfeilrunter IMG {
  vertical-align:middle;
}

SPAN.clipboard-link {
  margin:0 2px 0 5px;
  cursor:pointer;
  vertical-align:middle;
  width:12px;
  height:12px;
  background-image:url(/grafik_kopieren.png);
  background-position-x:0;
  display:inline-block;
  transition:all .2s;
}

.kasten_trailer {
  margin:10px 0px;
  border:1px solid white;
  padding:5px;
}

SPAN.online {
  color:#cdffcd;
}

SPAN.offline {
  color:#ffcdcd;
}

p.session_info {
  color:#ccc;
  background:#222;
  padding:10px;
  margin:0;
}

p.session_info a {
  color:#ccc;
}

div.statistik_jahr {
  border:1px solid white;
  margin:0 0 20px 0;
  position:relative;
  width:500px;
  height:270px;
}

div.statistik_jahr div.legende {
  position:absolute;
  left:0;
  width:50px;
  text-align:right;
  opacity:.7;
}

div.statistik_jahr div.statistikwert {
  width:34px;
  position:absolute;
  bottom:36px;
  background:#f39200;
}

div.statistik_jahr div.statistikwert.maximum {
  background:#d91608;
}

div.statistik_jahr div.statistikwert>div {
  margin-top:-20px;
  text-align:center;
}

div.statistik_jahr div.statistikwert.maximum>div {
  color:#d91608;
}

div.statistik_jahr div.legende_monat {
  position:absolute;
  text-align:center;
  width:34px;
  bottom:10px;
  opacity:.7;
}

div.statistik_jahr div.legende_monat:first-child {
  left:120px;
}

/* SORTABLE */
.glyphicon-move {
  cursor: move;
  cursor: -webkit-grabbing;
}
#listWithHandle {
  margin:20px 0;
}
.list-group-item {
  border:1px solid grey;
  margin:5px 0;
  padding:3px;
  width:450px;
}
.list-group-item div {
  vertical-align:middle;
  margin-right:10px;
  display:inline-block;
  width:92px;
  height:50px;
  float:left;
}
.list-group-item p {
  line-height:50px;
  margin:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

#list-group-slideshow {
	width:770px;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
}

#list-group-slideshow>div {
	border:1px solid grey;
	position:relative;
	width:250px;
}

#list-group-slideshow p {
	position:absolute;
	text-align:center;
	width:100%;
}

#list-group-slideshow .list-group-slideshow {
	height:100%;
	min-height:125px;
}

#list-group-slideshow .list-group-item {
	width:240px;
	height:80px;
	border:none;
	padding:0 5px 5px 5px;
	margin:0;
}

#list-group-slideshow.impressions .list-group-item {
	height:100px;
}

#list-group-slideshow .list-group-item:first-child {
	padding-top:40px;
}

#list-group-slideshow .list-group-item div {
	width:240px;
	height:80px;
	background-size:240px 80px;
	margin:0;
}

#list-group-slideshow.impressions .list-group-item div {
	height:100px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

#list-group-slideshow .list-group-item p {
	line-height:80px;
}

.social_platzierung {
  margin:20px 0 0 0;
  font-size:1.2em;
  line-height:1.5em;
}

.social_anzahl {
  display:inline-block;
  width:50px;
  text-align:right;
}

.social_medium {
  display:inline-block;
  margin-left:6px;
}

.social_zusammenfassung .social_gesamt {
  display:inline-block;
  font-size:108px;
  line-height:100px;
  height:116px;
  vertical-align:middle;
  text-align:center;
}

.social_zusammenfassung .social_gesamt>div {
  font-size:12px;
  line-height:8px;
  text-transform:uppercase;
  text-align:center;
}

.social_zusammenfassung .social_einzeln {
  display:inline-block;
  vertical-align:middle;
}

/* RÜCKMELDUNG */

div.erfolg {
	width:520px;
	padding:10px;
	border:2px solid green;
	box-sizing:border-box;
	margin-bottom:10px;
}
div.fehler {
	width:520px;
	padding:10px;
	border:2px solid red;
	box-sizing:border-box;
	margin-bottom:10px;
}
div.erfolg p, div.fehler p {
	margin:0 0 10px 0;
	font-weight:bold;
}
div.erfolg p:last-child, div.fehler p:last-child {
	margin:0;
}

/* SELECT2 */

.select2-container--default .select2-selection--single {
	border:none!important;
	border-radius:0!important;
}

.select2-container--default .select2-selection--single .select-thema {
	text-overflow:ellipsis;
	overflow:hidden;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	padding:10px!important;
}

.select2-container--default .select2-results__option--selectable:not(.select2-results__option--highlighted) {
	color:#0d2f67!important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color:#0d2f67!important;
}

.select2-results .select2-results__group>.select-thema {
	color:#0d2f67!important;
	text-transform:uppercase;
}

.select2-results .select-thema {
	display:flex;
}

.select2-results .select-thema>div:first-child {
	width:90px;
}

.select2-results .select-thema>div:first-child img {
	width:80px;
	height:auto;
}

.select2-results .select-thema>div:last-child {
	width:calc(100% - 90px);
}

.select2-dropdown {
	width:550px!important;
}

/* QUILL */

#quill-editor-container {
	background:white;
}

#quill-editor-container .ql-editor {
	color:black;
}