body {
	min-height: 100vh;
	overflow-y: scroll;
}
.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  
  -webkit-animation: rotate 2.0s infinite linear;
  animation: rotate 2.0s infinite linear;
}

.spinnerdot1, .spinnerdot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #333;
  border-radius: 100%;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.spinnerdot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

#appinitloadmask {
    z-index: 10000;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    zoom: 1;
    display: table;
}
#appinitloadmask span.masktext {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#contentArea {
	padding-top: 60px;
}

tr.categoryRow td {
	font-weight: 700;
}
ol.viewBreadcrumb a {
	cursor: pointer;
	color: #333;
}

@media(max-width:767px) { /* XS */
    body{font-size: 10px;}
    #article_actionbar {
		/*
		position : fixed;
		padding-bottom: 10px;
		*/
    }
    
    .CodeMirror {
	    height: 300px;
    }
}
@media (min-width: 768px) { /* SM */
    #article_actionbar {
		/*
		position : fixed;
		*/
    }

    .CodeMirror {
	    height: 500px;
    }
}

@media (max-width: 991px) { /* SM */
    body {
    	font-size: 14px;
    }
}


.CodeMirror {
	border: 1px solid black;
	border-radius:4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	border: 1px solid #ccc;
}

.cm-mustache {
	color: #0ca;
}

.cm-tab {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
	background-position: right;
	background-repeat: no-repeat;
	opacity: 0.1;
}
      
.lint-error {font-family: arial; font-size: 70%; background: #ffa; color: #a00; padding: 2px 5px 3px; }
.lint-error-icon {color: white; background-color: red; font-weight: 700; border-radius: 50%; padding: 0 3px; margin-right: 7px;}
      
.pagePropertyRow {
	border-bottom-color: #e0e0e0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom:6px;
	padding-bottom:6px;
}
.ftqueryhint  {
	margin-bottom: 10px;
}
.viewTitleRow {
	margin-bottom: 10px;
}
h3.viewPartTitle {
	margin-top: 5px;
}
.select2-container {
	width:100%;
}
textarea.text-propeditor {
	height:200px;
}
.html-wysiwyg-fieldhint {
	color:#c0c0c0;
}
.breakpointindicator {
	position:fixed;
	bottom:5px;
	right:5px;
	color:#c0c0c0;
}
.serverindicator {
	position:fixed;
	top:5px;
	right:5px;
	color:#c0c0c0;
	z-index: 1000;
}
div.MKV_Headline {
	font-size: 14pt;
	font-weight: 700;
}
span.MKV_Italic {
	font-style: italic;
}
span.MKV_Bold {
	font-weight: 700;
}
span.MKV_Underline {
	text-decoration: underline;
}
.viewPartTitle .label {
	font-size: 55%;
}
th.viewSelectionCol {
	width:40px;
}
td.viewSelectionCol {
	vertical-align: middle;
}
table.viewTable a {
	color: #333;
}
table.viewTable td.typeIcons i.fa {
	margin-right: 3px;
}
.viewTitleRow .fa {
	font-size:18px;
}
.footable.breakpoint > tbody > tr span.footable-toggle:before {
	content:'' !important;
}
.footable.breakpoint > tbody > tr.footable-detail-show span.footable-toggle:before {
	content:'' !important;
}
.footable .footable-field {
	font-size: 85%;
}
.footable .footable-field .footable-field-value {
	color: #af2f69;/* berry - RGB (175,47,105) */
	font-weight: bold;
}
.footable tr td li {
	list-style: none;
    text-align: center;
}
.note-editable {
	background-color:#ffffff;
}
.select2-wrapper .notfound {
	color: #ff0000;
}
.select2-wrapper .notfoundindicator {
  font: 14px/1 FontAwesome;
  position: absolute;
  right: 50px;
  top: 10px;
  -webkit-font-smoothing: antialiased;
  border-left-width:0px !important;
}
.select2-wrapper .notfoundindicator::before {
	content: '\f071';
}

.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}
.errormsg-col {
	color: #ff0000;
}
.articlefiles-list hr.fileentry-separator {
	height: 1px;
	border-color: #808080;
}
.articlefiles-lowres-warning {
	color: #ff0000;
	font-weight: bold;
}
.form-horizontal .control-label  {
	text-align: left !important;
}
img.vds-tab {
	/* pointer-events: none; */
}
.vds-pastewithstyle {
	color: #0000ff;
}
.note-editable br {
	margin-bottom: 0px;
}
.note-editable div {
	margin-bottom: 0px;
}
.note-editable p {
	margin-bottom: 0px;
}
.note-editable h1, .note-toolbar h1 {
  color: #000000;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 6px;
}
/** code to make editing empty paragraphs easier: http://stackoverflow.com/questions/17714340/cant-get-to-empty-paragraphs-in-contenteditable */
/*
[contenteditable]:focus :empty {
	display: block;
	height: 1em;
}
*/

#article_actionbar {
	/*
	top: 50px;
	left: 0px;
	right: 0px;
	background-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	*/
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 55px;
	overflow: auto;
}
#article_actionbar .label {
	float: right;
	margin-left: 2px;
}
.top-row-infotext {
	color: #d43f3a;
	border-style:solid;
	padding:5px;
	border-width:1px;
	margin-bottom:10px;
}
.top-row-infotext a {
	color: #d43f3a;
	text-decoration: underline;	
}
#viewpart_form_article {
	/* margin-top: 50px; */
}
/*
.note-editable > p:after, .note-editable > div:after {
	margin-left:2px;
	content: "";
	color: #40ADF8;
	font-family: FontAwesome;
	font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);
}
*/
.note-editable > p {
/*
  border-color: #c0c0c0;
  border-style: solid;
  border-width: 1px;
  margin-top: 2px;
  */
  min-height: 15px;
}
/* rule for IE10/IE11 to prevent p tags from being resizable */
_:-ms-lang(x),
.note-editable > p {
  min-height: auto !important;
}
.images-failed {
	color: #d43f3a;
}
.images-pending {
	color: #f0ad4e;
}
.images-done {
	color: #4cae4c;
}
.navbar-nav > li > a {
	padding-top:5px;
	padding-bottom:5px;
}
.bottom-navbar {
	/* display: none; */
	
}
#article_actionbar {
	margin-left: -15px;
}
#article_actionbar .action {
	margin-bottom: 5px;
}
#article_actionbar a.btn {
	border-radius: 0;
	font-weight: 700;
}
#article_actionbar a.btn.btn-primary {
	background-color: #664394;
	border-color: #664394;
	color: #ffffff;
}
#article_actionbar a.btn.btn-default {
	background-color: #ffffff;
	border-color: #9E9F9E;
	color: #664394;
}
#article_actionbar a.btn.btn-danger {
	background-color: #AF2F69;
	border-color: #AF2F69;
	color: #ffffff;
}
.navbar-brand {
	padding-bottom: 0;
}
.redaktion-navbar {
	margin-bottom:0;
	min-height: 26px;
	/* margin-top:10px; */
}
.redaktion-navbar-row {
	clear: left;
	color: #333;
}
.redaktion-navbar .navbar-brand {
	float: none;
}
#leftNavigationEntriesContainer .navbar-nav li:nth-child(1) a.dropdown-toggle {
	padding-left:0;
}
#article_locations .panel button.btn.btn-default.btn-link {
	text-decoration: underline;
	color: #664394;
}
#article_locations .deadlineRow {
	color: #9A3763;
}
#article_locations .deadlineRow .deadline-alert {
	background-image: url(Redaktionsschluss-Icon.svg);
	background-repeat: no-repeat;
	background-size: 50px auto;
	background-position: left center;
	padding-left: 55px;
}

.navsection-redaktion .pagecontent-area-with-navi {
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
}
.navsection-redaktion .pagecontent-area-with-navi > .pagecontent-area {
	padding-top: 0px;
}
body.regio-portal.masked {
    overflow: scroll !important;
}

.viewpart-container {
	/* padding-left: 15px; */
}
.navbar-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
.topnav-row {
	/*margin-left: 15px;
	margin-right: 15px;*/
	
	background-color:transparent;
}
.content-container .form-control {
	color: #333;
}
.content-container .control-label, body .modal .control-label {
	font-weight: normal;
}
.content-container, body .modal {
	color: #333;
	font-size:120%;	
}
@media(max-width:767px) { /* XS */
	.nav > li > a {
		padding-left: 0;
	}
}
body.regio-portal .loadmask {
	background-color: transparent;
}
body.regio-portal .loadmask-msg {
	padding: 0;
	border-color: #333;
}
body.regio-portal .loadmask-msg div {
	color: #333;
	border: none;
	font: inherit;
}
td.fileStatusIcons {
	color: #BFC0BF;
}
td.approvedIcon {
	text-align: center;
}
td.fileStatusIcons {
	text-align: center;
}
.xs.breakpoint td.approvedIcon, .sm.breakpoint td.approvedIcon {
	text-align: right;
}

td.approvedIcon .approved-state-icon {
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
td.approvedIcon .is-approved {
	background-image: url(Freigabe-Haken.svg);
}
td.approvedIcon .is-blocked {
	background-image: url(Geblockt-Haken.svg);
}
td.approvedIcon .is-editedafterapproval {
	background-image: url(Bearbeitet-Haken.svg);
}
td.approvedIcon i.fa.fa-circle {
	color: #BFC0BF;
}
td.publishIcons {
    text-align: center;
}
/* popup menu entry styles to switch the workflow status */
.setstatusaction {
	background-position: center bottom;
	background-repeat: no-repeat;
	display: inline-block;
	height: 15px;
	margin-right: 7px;
	width: 13px;
}
.setstatusaction.draft {
	background-image: url(Geblockt-Haken.svg);
}
.setstatusaction.approved {
	background-image: url(Freigabe-Haken.svg);
}

.breadcrumb .view-props-panel {
	float: right;
	position: absolute;
	right: 10px;
	cursor: pointer;
}
.breadcrumb .view-props-panel:before {
	content: ''
}
#article_actionbar .approved-state-switcher {
	/*float: right;*/
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: -15px;
	margin-left: -15px;
	cursor: pointer;
}
#article_actionbar .approved-state-switcher.is-approved {
	background-image: url(Freigabe-Haken.svg);
}
#article_actionbar .approved-state-switcher.is-blocked {
	background-image: url(Geblockt-Haken.svg);
}
#article_actionbar .approved-state-switcher.is-editedafterapproval {
	background-image: url(Bearbeitet-Haken.svg);
}
.articlefiles-listrow {
	margin-bottom:10px;
}
.articlefiles-list .row.archive {
}
.articlefiles-list .missing-archive {
	color: #ff0000;
	font-weight: bold;
}
.quota-message {
	color: #664394;
	font-weight: 700;
}
.quota-headline {
	color: #664394;
	font-weight: 700;
	text-decoration: underline;
	margin-top:10px;
}
.quota-message.with-warning, .quota-info-icon.with-warning {
	color: #ff0000;
}
.note-quota.btn-group {
	float: right;
}
/* sidebar panel */
.maincontent-col {
  height: 100%;
  padding-bottom: 20px;
  /* margin-top: 20px; */
}
.sidebar-col {
  height: 100%;
}
@media (min-width: 991px) { /* MD */
	.maincontent-col {
	  /* disable border for now */
	  /*border-left: 2px solid #dfe4e8;*/
	  border-right: 2px solid #dfe4e8;
	  margin-right: -2px; /* overlap sidebar-col border */
	}
	.sidebar-col {
	  border-left: 2px solid #dfe4e8;
	}
}
.sidebar-container {
	margin-top: -20px;
}
.sidebar-panel {
    margin-bottom: 10px;
    padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
}
.sidebar-panel:not(:last-child) {
	border-bottom-color:#D3D4D3;
	border-bottom-width: 2px;
	border-bottom-style:solid;
	margin-bottom: 5px;
	padding-bottom: 20px;
}
.sidebar-panel .btn {
    background-color: #4d4d4f;
    border-color: #4d4d4f;
    color: #ffffff;
	border-radius: 0;
	margin-top: 10px;
	font-weight: bold;
}
.sidebar-headline {
	font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}
.sidebar-sub-headline {
	font-size: 17px;
    margin-bottom: 10px;
}
.sidebar-panel.info .sidebar-panel-body {
    background-color: #e7eaec !important; /* hellgrau - RGB (231,234,236) */
	margin-left:-10px;
	margin-right:-10px;
}
.sidebar-panel.info .sidebar-headline {
	font-size: 17px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.sidebar-panel.info .sidebar-content {
	font-size: 17px;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 10px;
}
.sidebar-panel.info .sidebar-content .btn {
	font-size: 100%;
}
/* contact */
.sidebar-contact a {
	color: #000000;
	text-decoration: underline;
}
.sidebar-contact a:hover {
	color: #253D7C;
	text-decoration: underline;
}
.sidebar-contact .contact-table {
	display: table;
}
.sidebar-contact .contact-row {
	display: table-row;
}
.sidebar-contact .contact-cell  {
	display: table-cell;
}
.sidebar-contact .icon-col {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
    width: 50px;
}
.sidebar-contact .icon-col {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.sidebar-contact .icon-col.icon-envelope {
    background-image: url("icon_briefumschlag_grau.svg");
}
.sidebar-contact .icon-col.icon-phone {
    background-image: url("icon_telefon_grau.svg");
    background-size: 40px auto;
}
.sidebar-contact .text-col {
    font-size: 17px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
}
/* sections */
.navsection-redaktion .sidebar-panel.info.redaktion {
  	display: none;
}
.sidebar-panel.info.redaktion .btn {
    background-color: #664394 !important; /* purple - RGB (102,67,148) */
    border-color: #664394 !important; /* purple - RGB (102,67,148) */
}
.navsection-wissenwaslosist .sidebar-panel.info.wissenwaslosist {
  	display: none;
}
.sidebar-panel.info.wissenwaslosist .btn {
    background-color: #00a8a9 !important;/* turquois - RGB (0,168,169) */
    border-color: #00a8a9 !important; /* turquois - RGB (102,67,148) */
}
.navsection-wissen-was-los-ist .sidebar-panel.info.wissenwaslosist {
  	display: none;
}
.navsection-forum .sidebar-panel.info.forum {
  	display: none;
}
.sidebar-panel.info.forum .btn {
    background-color: #af2f69 !important;/* berry - RGB (175,47,105) */
    border-color: #af2f69 !important;/* berry - RGB (175,47,105) */
}
body:not(.navsection-redaktion) .sidebar-panel.visible-for-redaktion {
	display: none!important;
}
.download-box-sidebar .sidebar-headline {
	margin-bottom:0px;
}
table.viewTable a.creator-mailto-link {
	color: #9A3662;
}
.sc-wrong {
	background-color: #e7eaec;
	border-bottom-color: #af2f69;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	cursor: pointer;
}
.checkbox.articlefiles-copyrightbox {
  font-size: 90%;
}
body.imageupload-allowed--enabled [data-hidden-imageupload-allowed="true"] {
	display: none;
}
body.imageupload-allowed--disabled [data-hidden-no-imageupload-allowed="true"] {
	display: none;
}
body.imageupload-allowed--disabled [data-visible-imageupload-allowed="true"] {
	display: none;
}

body.imagelist-editable--enabled [data-hidden-imagelist-editable="true"] {
	display: none;
}
body.imagelist-editable--disabled [data-hidden-no-imagelist-editable="true"] {
	display: none;
}
body.imagelist-editable--disabled [data-visible-imagelist-editable="true"] {
	display: none;
}

body.ga-publishing-allowed--enabled [data-hidden-ga-publishing-allowed="true"] {
	display: none;
}
body.ga-publishing-allowed--disabled [data-hidden-no-ga-publishing-allowed="true"] {
	display: none;
}
body.ga-publishing-allowed--disabled [data-visible-ga-publishing-allowed="true"] {
	display: none;
}