@charset "utf-8";
/* ========================================================
CSS für Backend
www.riml-arts.com

Datei: backend.css
Datum: Feber 2016
Autor: RIMLarts - Armin Riml

Aufbau:
1. Fundament
	1.1 Reset
	1.2 Restaurierung der Abstände
	1.3 Grundlegende Formatierung
2. Jquery-Ui 1.10.2
3. Media: GENERAL
=========================================================
========================================================= */



/* ====================================
   1. Fundament 	
==================================   */
			/* ====================================
			   1.1 - Reset 
			==================================   */
html.backend {} 
* {
	padding: 0; 
 	margin: 0; 
}

			/* ====================================
			   1.2 - Restaurierung der Abstände  
			==================================   */

/* margin-bottom für diverse Elemente */ 
.backend h1, .backend h2, .backend h3, .backend h4, .backend h5, .backend h6, 
.backend p, .backend blockquote, .backend pre, 
.backend ul, .backend ol, .backend dl {
  margin-bottom: 0.5em; 
}
/* Seitenabstände hinzufügen */
.backend p, .backend h1, .backend h2, .backend h3, .backend h4, .backend h5, .backend h6 {
	margin-left: 10px;
	margin-right:10px;
}
.backend .fancyboxWindowWrapper h1 {
    margin-left: 0;
}
/* Zitate einrücken */ 
.backend blockquote { margin: 1em 2em; }
/* Alle Listen wieder einrücken */ 
.backend ul, .backend ol, .backend dl { margin-left: 1em;}

/* Listenelemente etwas mehr einrücken */ 
.backend li { margin-left: 2em; margin-right: 1em;}

/* Definitionen in Definitionslisten noch mehr einrücken */ 
.backend dd {margin-left: 2em; }

/* Verschachtelte Listen ohne Außenabstand oben/unten */ 
.backend ul ul, .backend ul ol, .backend ul dl, 
.backend ol ul, .backend ol ol, .backend ol dl, 
.backend dl ul, .backend dl ol, .backend dl dl {
  margin-top: 0; 
  margin-bottom: 0; 
}

/* Aufzählungszeichen */ 
.backend ul { list-style-type: disc; }
.backend ol { list-style-type: decimal; }

.backend ul ul {	list-style-type: square; }
.backend ol ol { list-style-type: lower-alpha; } 

.backend ul ol { list-style-type: decimal; }
.backend ol ul { list-style-type: square; }

/* Tabellen */ 
.backend table { border-collapse: collapse; border-spacing: 0; }
.backend table#tableScheme2, .backend table.tableSchemesFootable, table.tableScheme3 {border-collapse: inherit;}
.backend td { vertical-align: middle; }

/* Formulare und verlinkte Bilder ohne Rahmen */ 
.backend fieldset, .backend a img, .backend img[usemap] { border: none;}

			/* ====================================
			   1.3 - Grundlegende Formatierung  
			==================================   */
@font-face {
    font-family: 'PT Sans Narrow';
    src: url('font_pt_sans-narrow/pt_sans-narrow-web-bold-webfont.eot');
    src: url('font_pt_sans-narrow/pt_sans-narrow-web-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font_pt_sans-narrow/pt_sans-narrow-web-bold-webfont.woff') format('woff'),
         url('font_pt_sans-narrow/pt_sans-narrow-web-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'PT Sans Narrow';
    src: url('font_pt_sans-narrow/pt_sans-narrow-web-regular-webfont.eot');
    src: url('font_pt_sans-narrow/pt_sans-narrow-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font_pt_sans-narrow/pt_sans-narrow-web-regular-webfont.woff') format('woff'),
         url('font_pt_sans-narrow/pt_sans-narrow-web-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('openSans-CondLight/OpenSans-CondLight-webfont.eot');
    src: url('openSans-CondLight/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('openSans-CondLight/OpenSans-CondLight-webfont.woff') format('woff'),
         url('openSans-CondLight/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('openSans-CondLight/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat_alternatesblack';
    src: url('montserrat/montserratalternates-black-webfont.woff2') format('woff2'),
         url('montserrat/montserratalternates-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserrat_alternatesbold';
    src: url('montserrat/montserratalternates-bold-webfont.woff2') format('woff2'),
         url('montserrat/montserratalternates-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserrat_alternatesXBd';
    src: url('montserrat/montserratalternates-extrabold-webfont.woff2') format('woff2'),
         url('montserrat/montserratalternates-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserrat_alternatesXLt';
    src: url('montserrat/montserratalternates-extralight-webfont.woff2') format('woff2'),
         url('montserrat/montserratalternates-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserrat_alternateslight';
    src: url('montserrat/montserratalternates-light-webfont.woff2') format('woff2'),
         url('montserrat/montserratalternates-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserrat_alternatesmedium';
    src: url('montserrat/montserratalternates-medium-webfont.woff2') format('woff2'),
         url('montserrat/montserratalternates-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserrat_alternatesregular';
    src: url('montserrat/montserratalternates-regular-webfont.woff2') format('woff2'),
         url('montserrat/montserratalternates-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat_alternatessemibold';
    src: url('montserrat/montserratalternates-semibold-webfont.woff2') format('woff2'),
         url('montserrat/montserratalternates-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat_alternatesthin';
    src: url('montserrat/montserratalternates-thin-webfont.woff2') format('woff2'),
         url('montserrat/montserratalternates-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.backend .webfont {
	font-family: 'PT Sans Narrow'; 
}


.backend body {
	color: #000000;
	position: relative;
	font-family: 'montserrat_alternatesregular';
}
body.screenfilling {
    position: absolute !important; 
    width: 100% !important; 
    height: 100% !important;
}
/* Link-Formatierung */ 
.backend a:link {
	color: #666666;
	text-decoration: none;
	transition: all 0.2s linear 0s;
}
.backend a:visited {text-decoration: none;}
.backend a:hover {color: rgba(92,86,70,1.00);}
.backend a.lightboxes img {transition: all 0.2s}
.backend a.lightboxes img:hover {opacity:0.7; filter:alpha(opacity=70);}
.backend h1 {font-size: 2em; margin-bottom: 2em; font-weight: lighter;}
.backend h2 {font-size: 1.5em;margin-bottom: 5px;margin-top: 30px;}
.backend h3 {font-size: 1.1em;}
.backend h4 {font-size: 1.2em;}
.backend .footertrio h4 {
    color: #5C5646;
	text-transform: uppercase;
    padding-bottom: 1em;
}

/* Floats clearen */ 
.backend .clearing { clear: both; }

/* Gefloatete Elemente umschließen */ 
.backend .containingfloats {
  overflow: hidden; 
}

/* Elemente verstecken */
.backend .versteckmich {
  position: absolute; 
  left: -32768px; 

  top: -32768px; 
  width: 0;
  height: 0; 
  font-size: 0; 
}
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
	box-sizing: border-box;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.875em;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

/* Status-Varianten */
.badge-success {
  color: #ffffff;
  background-color: #28a745; /* Grün */
}

.badge-info {
  color: #ffffff;
  background-color: #17a2b8; /* Hellblau */
}

.badge-warning {
  color: #212529;
  background-color: #ffc107; /* Gelb */
}

.badge-secondary {
  color: #ffffff;
  background-color: #6c757d; /* Grau */
}

/* ========================================================
2. Jquery-UI-1.12.1
========================================================= */
.backend .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.backend .ui-helper-hidden{display:none}.backend .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.backend .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.backend .ui-helper-clearfix:before,.backend .ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.backend .ui-helper-clearfix:after{clear:both}.backend .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.backend .ui-front{z-index:100}.backend .ui-state-disabled{cursor:default!important;pointer-events:none}.backend .ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.backend .ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.backend .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.backend .ui-resizable{position:relative}.backend .ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.backend .ui-resizable-disabled .ui-resizable-handle,.backend .ui-resizable-autohide .ui-resizable-handle{display:none}.backend .ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.backend .ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.backend .ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.backend .ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.backend .ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.backend .ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.backend .ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.backend .ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.backend .ui-selectable{-ms-touch-action:none;touch-action:none}.backend .ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.backend .ui-sortable-handle{-ms-touch-action:none;touch-action:none}.backend .ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.backend .ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.backend .ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.backend .ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.backend .ui-menu .ui-menu{position:absolute}.backend .ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.backend .ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.backend .ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.backend .ui-menu .ui-state-focus,.backend .ui-menu .ui-state-active{margin:-1px}.backend .ui-menu-icons{position:relative}.backend .ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.backend .ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.backend .ui-menu .ui-menu-icon{left:auto;right:0}.backend .ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.backend .ui-button,.backend .ui-button:link,.backend .ui-button:visited,.backend .ui-button:hover,.backend .ui-button:active{text-decoration:none}.backend .ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.backend .ui-button.ui-button-icon-only{text-indent:0}.backend .ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.backend .ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.backend .ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.backend .ui-button::-moz-focus-inner,button.backend .ui-button::-moz-focus-inner{border:0;padding:0}.backend .ui-controlgroup{vertical-align:middle;display:inline-block}.backend .ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.backend .ui-controlgroup > .ui-controlgroup-item:focus,.backend .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.backend .ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.backend .ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.backend .ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.backend .ui-controlgroup .ui-controlgroup-label span{font-size:80%}.backend .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.backend .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.backend .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.backend .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.backend .ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.backend .ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.backend .ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.backend .ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.backend .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.backend .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.backend .ui-checkboxradio-disabled{pointer-events:none}.backend .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.backend .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.backend .ui-datepicker .ui-datepicker-prev,.backend .ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.backend .ui-datepicker .ui-datepicker-prev-hover,.backend .ui-datepicker .ui-datepicker-next-hover{top:1px}.backend .ui-datepicker .ui-datepicker-prev{left:2px}.backend .ui-datepicker .ui-datepicker-next{right:2px}.backend .ui-datepicker .ui-datepicker-prev-hover{left:1px}.backend .ui-datepicker .ui-datepicker-next-hover{right:1px}.backend .ui-datepicker .ui-datepicker-prev span,.backend .ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.backend .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.backend .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.backend .ui-datepicker select.ui-datepicker-month,.backend .ui-datepicker select.ui-datepicker-year{width:45%}.backend .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.backend .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.backend .ui-datepicker td{border:0;padding:1px}.backend .ui-datepicker td span,.backend .ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.backend .ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.backend .ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.backend .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.backend .ui-datepicker.ui-datepicker-multi{width:auto}.backend .ui-datepicker-multi .ui-datepicker-group{float:left}.backend .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.backend .ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.backend .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.backend .ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.backend .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.backend .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.backend .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.backend .ui-datepicker-row-break{clear:both;width:100%;font-size:0}.backend .ui-datepicker-rtl{direction:rtl}.backend .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.backend .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.backend .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.backend .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.backend .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.backend .ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.backend .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.backend .ui-datepicker-rtl .ui-datepicker-group{float:right}.backend .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.backend .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.backend .ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.backend .ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.backend .ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.backend .ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.backend .ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.backend .ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.backend .ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.backend .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.backend .ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.backend .ui-dialog .ui-resizable-n{height:2px;top:0}.backend .ui-dialog .ui-resizable-e{width:2px;right:0}.backend .ui-dialog .ui-resizable-s{height:2px;bottom:0}.backend .ui-dialog .ui-resizable-w{width:2px;left:0}.backend .ui-dialog .ui-resizable-se,.backend .ui-dialog .ui-resizable-sw,.backend .ui-dialog .ui-resizable-ne,.backend .ui-dialog .ui-resizable-nw{width:7px;height:7px}.backend .ui-dialog .ui-resizable-se{right:0;bottom:0}.backend .ui-dialog .ui-resizable-sw{left:0;bottom:0}.backend .ui-dialog .ui-resizable-ne{right:0;top:0}.backend .ui-dialog .ui-resizable-nw{left:0;top:0}.backend .ui-draggable .ui-dialog-titlebar{cursor:move}.backend .ui-progressbar{height:2em;text-align:left;overflow:hidden}.backend .ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.backend .ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.backend .ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.backend .ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.backend .ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.backend .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.backend .ui-selectmenu-open{display:block}.backend .ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.backend .ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.backend .ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.backend .ui-slider{position:relative;text-align:left}.backend .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.backend .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.backend .ui-slider.ui-state-disabled .ui-slider-handle,.backend .ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.backend .ui-slider-horizontal{height:.8em}.backend .ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.backend .ui-slider-horizontal .ui-slider-range{top:0;height:100%}.backend .ui-slider-horizontal .ui-slider-range-min{left:0}.backend .ui-slider-horizontal .ui-slider-range-max{right:0}.backend .ui-slider-vertical{width:.8em;height:100px}.backend .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.backend .ui-slider-vertical .ui-slider-range{left:0;width:100%}.backend .ui-slider-vertical .ui-slider-range-min{bottom:0}.backend .ui-slider-vertical .ui-slider-range-max{top:0}.backend .ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.backend .ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.backend .ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.backend .ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.backend .ui-spinner-up{top:0}.backend .ui-spinner-down{bottom:0}.backend .ui-tabs{position:relative;padding:.2em}.backend .ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.backend .ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.backend .ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.backend .ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.backend .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.backend .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.backend .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.backend .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.backend .ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.backend .ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .backend .ui-tooltip{border-width:2px}.backend .ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.backend .ui-widget .ui-widget{font-size:1em}.backend .ui-widget input,.backend .ui-widget select,.backend .ui-widget textarea,.backend .ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.backend .ui-widget.ui-widget-content{border:1px solid #c5c5c5}.backend .ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.backend .ui-widget-content a{color:#333}.backend .ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.backend .ui-widget-header a{color:#333}.backend .ui-state-default,.backend .ui-widget-content .ui-state-default,.backend .ui-widget-header .ui-state-default,.backend .ui-button,html .backend .ui-button.ui-state-disabled:hover,html .backend .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.backend .ui-state-default a,.backend .ui-state-default a:link,.backend .ui-state-default a:visited,a.backend .ui-button,a:link.backend .ui-button,a:visited.backend .ui-button,.backend .ui-button{color:#454545;text-decoration:none}.backend .ui-state-hover,.backend .ui-widget-content .ui-state-hover,.backend .ui-widget-header .ui-state-hover,.backend .ui-state-focus,.backend .ui-widget-content .ui-state-focus,.backend .ui-widget-header .ui-state-focus,.backend .ui-button:hover,.backend .ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.backend .ui-state-hover a,.backend .ui-state-hover a:hover,.backend .ui-state-hover a:link,.backend .ui-state-hover a:visited,.backend .ui-state-focus a,.backend .ui-state-focus a:hover,.backend .ui-state-focus a:link,.backend .ui-state-focus a:visited,a.backend .ui-button:hover,a.backend .ui-button:focus{color:#2b2b2b;text-decoration:none}.backend .ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.backend .ui-state-active,.backend .ui-widget-content .ui-state-active,.backend .ui-widget-header .ui-state-active,a.backend .ui-button:active,.backend .ui-button:active,.backend .ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.backend .ui-icon-background,.backend .ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.backend .ui-state-active a,.backend .ui-state-active a:link,.backend .ui-state-active a:visited{color:#fff;text-decoration:none}.backend .ui-state-highlight,.backend .ui-widget-content .ui-state-highlight,.backend .ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.backend .ui-state-checked{border:1px solid #dad55e;background:#fffa90}.backend .ui-state-highlight a,.backend .ui-widget-content .ui-state-highlight a,.backend .ui-widget-header .ui-state-highlight a{color:#777620}.backend .ui-state-error,.backend .ui-widget-content .ui-state-error,.backend .ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.backend .ui-state-error a,.backend .ui-widget-content .ui-state-error a,.backend .ui-widget-header .ui-state-error a{color:#5f3f3f}.backend .ui-state-error-text,.backend .ui-widget-content .ui-state-error-text,.backend .ui-widget-header .ui-state-error-text{color:#5f3f3f}.backend .ui-priority-primary,.backend .ui-widget-content .ui-priority-primary,.backend .ui-widget-header .ui-priority-primary{font-weight:bold}.backend .ui-priority-secondary,.backend .ui-widget-content .ui-priority-secondary,.backend .ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.backend .ui-state-disabled,.backend .ui-widget-content .ui-state-disabled,.backend .ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.backend .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.backend .ui-icon{width:16px;height:16px}.backend .ui-icon,.backend .ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.backend .ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.backend .ui-state-hover .ui-icon,.backend .ui-state-focus .ui-icon,.backend .ui-button:hover .ui-icon,.backend .ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.backend .ui-state-active .ui-icon,.backend .ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.backend .ui-state-highlight .ui-icon,.backend .ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.backend .ui-state-error .ui-icon,.backend .ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.backend .ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.backend .ui-icon-blank{background-position:16px 16px}.backend .ui-icon-caret-1-n{background-position:0 0}.backend .ui-icon-caret-1-ne{background-position:-16px 0}.backend .ui-icon-caret-1-e{background-position:-32px 0}.backend .ui-icon-caret-1-se{background-position:-48px 0}.backend .ui-icon-caret-1-s{background-position:-65px 0}.backend .ui-icon-caret-1-sw{background-position:-80px 0}.backend .ui-icon-caret-1-w{background-position:-96px 0}.backend .ui-icon-caret-1-nw{background-position:-112px 0}.backend .ui-icon-caret-2-n-s{background-position:-128px 0}.backend .ui-icon-caret-2-e-w{background-position:-144px 0}.backend .ui-icon-triangle-1-n{background-position:0 -16px}.backend .ui-icon-triangle-1-ne{background-position:-16px -16px}.backend .ui-icon-triangle-1-e{background-position:-32px -16px}.backend .ui-icon-triangle-1-se{background-position:-48px -16px}.backend .ui-icon-triangle-1-s{background-position:-65px -16px}.backend .ui-icon-triangle-1-sw{background-position:-80px -16px}.backend .ui-icon-triangle-1-w{background-position:-96px -16px}.backend .ui-icon-triangle-1-nw{background-position:-112px -16px}.backend .ui-icon-triangle-2-n-s{background-position:-128px -16px}.backend .ui-icon-triangle-2-e-w{background-position:-144px -16px}.backend .ui-icon-arrow-1-n{background-position:0 -32px}.backend .ui-icon-arrow-1-ne{background-position:-16px -32px}.backend .ui-icon-arrow-1-e{background-position:-32px -32px}.backend .ui-icon-arrow-1-se{background-position:-48px -32px}.backend .ui-icon-arrow-1-s{background-position:-65px -32px}.backend .ui-icon-arrow-1-sw{background-position:-80px -32px}.backend .ui-icon-arrow-1-w{background-position:-96px -32px}.backend .ui-icon-arrow-1-nw{background-position:-112px -32px}.backend .ui-icon-arrow-2-n-s{background-position:-128px -32px}.backend .ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.backend .ui-icon-arrow-2-e-w{background-position:-160px -32px}.backend .ui-icon-arrow-2-se-nw{background-position:-176px -32px}.backend .ui-icon-arrowstop-1-n{background-position:-192px -32px}.backend .ui-icon-arrowstop-1-e{background-position:-208px -32px}.backend .ui-icon-arrowstop-1-s{background-position:-224px -32px}.backend .ui-icon-arrowstop-1-w{background-position:-240px -32px}.backend .ui-icon-arrowthick-1-n{background-position:1px -48px}.backend .ui-icon-arrowthick-1-ne{background-position:-16px -48px}.backend .ui-icon-arrowthick-1-e{background-position:-32px -48px}.backend .ui-icon-arrowthick-1-se{background-position:-48px -48px}.backend .ui-icon-arrowthick-1-s{background-position:-64px -48px}.backend .ui-icon-arrowthick-1-sw{background-position:-80px -48px}.backend .ui-icon-arrowthick-1-w{background-position:-96px -48px}.backend .ui-icon-arrowthick-1-nw{background-position:-112px -48px}.backend .ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.backend .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.backend .ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.backend .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.backend .ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.backend .ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.backend .ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.backend .ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.backend .ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.backend .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.backend .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.backend .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.backend .ui-icon-arrowreturn-1-w{background-position:-64px -64px}.backend .ui-icon-arrowreturn-1-n{background-position:-80px -64px}.backend .ui-icon-arrowreturn-1-e{background-position:-96px -64px}.backend .ui-icon-arrowreturn-1-s{background-position:-112px -64px}.backend .ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.backend .ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.backend .ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.backend .ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.backend .ui-icon-arrow-4{background-position:0 -80px}.backend .ui-icon-arrow-4-diag{background-position:-16px -80px}.backend .ui-icon-extlink{background-position:-32px -80px}.backend .ui-icon-newwin{background-position:-48px -80px}.backend .ui-icon-refresh{background-position:-64px -80px}.backend .ui-icon-shuffle{background-position:-80px -80px}.backend .ui-icon-transfer-e-w{background-position:-96px -80px}.backend .ui-icon-transferthick-e-w{background-position:-112px -80px}.backend .ui-icon-folder-collapsed{background-position:0 -96px}.backend .ui-icon-folder-open{background-position:-16px -96px}.backend .ui-icon-document{background-position:-32px -96px}.backend .ui-icon-document-b{background-position:-48px -96px}.backend .ui-icon-note{background-position:-64px -96px}.backend .ui-icon-mail-closed{background-position:-80px -96px}.backend .ui-icon-mail-open{background-position:-96px -96px}.backend .ui-icon-suitcase{background-position:-112px -96px}.backend .ui-icon-comment{background-position:-128px -96px}.backend .ui-icon-person{background-position:-144px -96px}.backend .ui-icon-print{background-position:-160px -96px}.backend .ui-icon-trash{background-position:-176px -96px}.backend .ui-icon-locked{background-position:-192px -96px}.backend .ui-icon-unlocked{background-position:-208px -96px}.backend .ui-icon-bookmark{background-position:-224px -96px}.backend .ui-icon-tag{background-position:-240px -96px}.backend .ui-icon-home{background-position:0 -112px}.backend .ui-icon-flag{background-position:-16px -112px}.backend .ui-icon-calendar{background-position:-32px -112px}.backend .ui-icon-cart{background-position:-48px -112px}.backend .ui-icon-pencil{background-position:-64px -112px}.backend .ui-icon-clock{background-position:-80px -112px}.backend .ui-icon-disk{background-position:-96px -112px}.backend .ui-icon-calculator{background-position:-112px -112px}.backend .ui-icon-zoomin{background-position:-128px -112px}.backend .ui-icon-zoomout{background-position:-144px -112px}.backend .ui-icon-search{background-position:-160px -112px}.backend .ui-icon-wrench{background-position:-176px -112px}.backend .ui-icon-gear{background-position:-192px -112px}.backend .ui-icon-heart{background-position:-208px -112px}.backend .ui-icon-star{background-position:-224px -112px}.backend .ui-icon-link{background-position:-240px -112px}.backend .ui-icon-cancel{background-position:0 -128px}.backend .ui-icon-plus{background-position:-16px -128px}.backend .ui-icon-plusthick{background-position:-32px -128px}.backend .ui-icon-minus{background-position:-48px -128px}.backend .ui-icon-minusthick{background-position:-64px -128px}.backend .ui-icon-close{background-position:-80px -128px}.backend .ui-icon-closethick{background-position:-96px -128px}.backend .ui-icon-key{background-position:-112px -128px}.backend .ui-icon-lightbulb{background-position:-128px -128px}.backend .ui-icon-scissors{background-position:-144px -128px}.backend .ui-icon-clipboard{background-position:-160px -128px}.backend .ui-icon-copy{background-position:-176px -128px}.backend .ui-icon-contact{background-position:-192px -128px}.backend .ui-icon-image{background-position:-208px -128px}.backend .ui-icon-video{background-position:-224px -128px}.backend .ui-icon-script{background-position:-240px -128px}.backend .ui-icon-alert{background-position:0 -144px}.backend .ui-icon-info{background-position:-16px -144px}.backend .ui-icon-notice{background-position:-32px -144px}.backend .ui-icon-help{background-position:-48px -144px}.backend .ui-icon-check{background-position:-64px -144px}.backend .ui-icon-bullet{background-position:-80px -144px}.backend .ui-icon-radio-on{background-position:-96px -144px}.backend .ui-icon-radio-off{background-position:-112px -144px}.backend .ui-icon-pin-w{background-position:-128px -144px}.backend .ui-icon-pin-s{background-position:-144px -144px}.backend .ui-icon-play{background-position:0 -160px}.backend .ui-icon-pause{background-position:-16px -160px}.backend .ui-icon-seek-next{background-position:-32px -160px}.backend .ui-icon-seek-prev{background-position:-48px -160px}.backend .ui-icon-seek-end{background-position:-64px -160px}.backend .ui-icon-seek-start{background-position:-80px -160px}.backend .ui-icon-seek-first{background-position:-80px -160px}.backend .ui-icon-stop{background-position:-96px -160px}.backend .ui-icon-eject{background-position:-112px -160px}.backend .ui-icon-volume-off{background-position:-128px -160px}.backend .ui-icon-volume-on{background-position:-144px -160px}.backend .ui-icon-power{background-position:0 -176px}.backend .ui-icon-signal-diag{background-position:-16px -176px}.backend .ui-icon-signal{background-position:-32px -176px}.backend .ui-icon-battery-0{background-position:-48px -176px}.backend .ui-icon-battery-1{background-position:-64px -176px}.backend .ui-icon-battery-2{background-position:-80px -176px}.backend .ui-icon-battery-3{background-position:-96px -176px}.backend .ui-icon-circle-plus{background-position:0 -192px}.backend .ui-icon-circle-minus{background-position:-16px -192px}.backend .ui-icon-circle-close{background-position:-32px -192px}.backend .ui-icon-circle-triangle-e{background-position:-48px -192px}.backend .ui-icon-circle-triangle-s{background-position:-64px -192px}.backend .ui-icon-circle-triangle-w{background-position:-80px -192px}.backend .ui-icon-circle-triangle-n{background-position:-96px -192px}.backend .ui-icon-circle-arrow-e{background-position:-112px -192px}.backend .ui-icon-circle-arrow-s{background-position:-128px -192px}.backend .ui-icon-circle-arrow-w{background-position:-144px -192px}.backend .ui-icon-circle-arrow-n{background-position:-160px -192px}.backend .ui-icon-circle-zoomin{background-position:-176px -192px}.backend .ui-icon-circle-zoomout{background-position:-192px -192px}.backend .ui-icon-circle-check{background-position:-208px -192px}.backend .ui-icon-circlesmall-plus{background-position:0 -208px}.backend .ui-icon-circlesmall-minus{background-position:-16px -208px}.backend .ui-icon-circlesmall-close{background-position:-32px -208px}.backend .ui-icon-squaresmall-plus{background-position:-48px -208px}.backend .ui-icon-squaresmall-minus{background-position:-64px -208px}.backend .ui-icon-squaresmall-close{background-position:-80px -208px}.backend .ui-icon-grip-dotted-vertical{background-position:0 -224px}.backend .ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.backend .ui-icon-grip-solid-vertical{background-position:-32px -224px}.backend .ui-icon-grip-solid-horizontal{background-position:-48px -224px}.backend .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.backend .ui-icon-grip-diagonal-se{background-position:-80px -224px}.backend .ui-corner-all,.backend .ui-corner-top,.backend .ui-corner-left,.backend .ui-corner-tl{border-top-left-radius:3px}.backend .ui-corner-all,.backend .ui-corner-top,.backend .ui-corner-right,.backend .ui-corner-tr{border-top-right-radius:3px}.backend .ui-corner-all,.backend .ui-corner-bottom,.backend .ui-corner-left,.backend .ui-corner-bl{border-bottom-left-radius:3px}.backend .ui-corner-all,.backend .ui-corner-bottom,.backend .ui-corner-right,.backend .ui-corner-br{border-bottom-right-radius:3px}.backend .ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.backend .ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}


/* Lieferart Anpassungen */
#liefertagSetting .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 1em;
    display: block;
}
#liefertagSetting .ui-datepicker-calendar .ui-state-default { text-align: center;}
#liefertagSetting .ui-datepicker-calendar .ui-state-default {text-align: center;}
#liefertagSetting .ui-datepicker,
#liefertagSetting .ui-datepicker-material-header {
  font-family: 'Open Sans', sans-serif;
}
.backend .messageBox {
    margin-bottom: 20px;
}
#liefertagSetting .ui-datepicker-material-header {
  display: block;
  background-color: black;
  color: white;
  text-align: center;
}
#liefertagSetting .ui-datepicker-material-header .ui-datepicker-material-day {
  background-color: black;
  padding: 10px;
  font-size: 1rem;
}
#liefertagSetting .ui-datepicker-material-header .ui-datepicker-material-date {
  padding: 20px;
}
#liefertagSetting .ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month,
#liefertagSetting .ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num,
#liefertagSetting .ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year {
  padding: 5px;
}
#liefertagSetting .ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month {
  font-size: 2rem;
  text-transform: uppercase;
}
#liefertagSetting .ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num {
  font-size: 4.5rem;
}
#liefertagSetting .ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year {
  font-size: 1.8rem;
  font-weight: 200;
  color: rgba(255, 255, 255, 0.4);
}

#liefertagSetting .ui-datepicker {
  padding: 0;
  border: none;
  box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  width: 300px;
    display: inline-block;
    margin: auto;
}

#liefertagSetting .ui-corner-all {
  border-radius: 0;
}

#liefertagSetting .ui-widget-header {
  border: 0;
}

#liefertagSetting .ui-datepicker-header {
  text-align: center;
  background: white;
  padding-bottom: 15px;
  font-weight: 300;
}
#liefertagSetting .ui-datepicker-header .ui-datepicker-prev,
#liefertagSetting .ui-datepicker-header .ui-datepicker-next,
#liefertagSetting .ui-datepicker-header .ui-datepicker-title {
  border: none;
  outline: none;
  margin: 5px;
}

#liefertagSetting .ui-datepicker-prev.ui-state-hover,
#liefertagSetting .ui-datepicker-next.ui-state-hover {
  border: none;
  outline: none;
  background: #b4cbe5;
}

#liefertagSetting .ui-datepicker-calendar .ui-state-default {
  background: none;
  border: none;
  text-align: center;
  height: 33px;
  width: 33px;
  line-height: 32px;
}
#liefertagSetting .ui-datepicker-calendar .ui-state-highlight {
  color: #284B72;
}
#liefertagSetting .DisabledLiefertage a {
  background-color: rgba(0,0,0,0.10) !important;
  border-radius: 50% !important;
}
#liefertagSetting .DisabledLiefertage a::after {
    position: absolute;
}
#liefertagSetting .ui-datepicker-calendar thead th {
  color: #999999;
  font-weight: 200;
}

#liefertagSetting .ui-datepicker-buttonpane {
  border: none;
}
#liefertagSetting .ui-datepicker-buttonpane .ui-state-default {
  background: white;
  border: none;
}
#liefertagSetting .ui-datepicker-buttonpane .ui-datepicker-close,
#liefertagSetting .ui-datepicker-buttonpane .ui-datepicker-current {
  background: white;
  color: #284B72;
  text-transform: uppercase;
  border: none;
  opacity: 1;
  font-weight: 200;
  outline: none;
}
#liefertagSetting .ui-datepicker-buttonpane .ui-datepicker-close:hover,
#liefertagSetting .ui-datepicker-buttonpane .ui-datepicker-current:hover {
  background: #b4cbe5;
}
/* Basis-Alert im Backend */
.backend .alert {
  padding: 3rem;
  border-radius: 0.375rem;
  margin-bottom: 1.5rem;
  font-family: "Segoe UI", Tahoma, sans-serif;
  line-height: 1.5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  text-align: center;
}

/* Info-Variante (dezentes Toning von #5C5646) */
.backend .alert-info {
  background-color: rgba(92, 86, 70, 0.1);   /* #5C5646 bei 10% Deckkraft */
  color: #5c5646;
  border: 1px solid rgba(92, 86, 70, 0.2);
}

/* Warn-Variante (stärkeres Toning) */
.backend .alert-warning {
  background-color: rgba(92, 86, 70, 0.2);   /* #5C5646 bei 20% Deckkraft */
  color: #3f3b32;                            /* abgedunkelte Basisfarbe */
  border: 1px solid rgba(92, 86, 70, 0.3);
}
.backend .alert-warning a {
     /* #5C5646 bei 20% Deckkraft */
  background: #3f3b32 !important;                            /* abgedunkelte Basisfarbe */
}
.backend .alert-warning a:hover {
     /* #5C5646 bei 20% Deckkraft */
  background: rgba(63,59,50,0.8) !important;                            /* abgedunkelte Basisfarbe */
}
/* Trial-Box – kräftiger Farbverlauf von Hell- nach Basiston */
.backend .alert.subscription-trial {
  background: linear-gradient(
    135deg,
    #7d7866 0%,   /* Aufgehelltes #5C5646 */
    #5c5646 100%  /* Basis-Farbe */
  );
  color: #ffffff;
  border: none;
}

/* Expired-Box – Verlauf von Basis- zu Dunkelton */
.backend .alert.subscription-expired {
  background: linear-gradient(
    135deg,
    #5c5646 0%,   /* Basis-Farbe */
    #3f3b32 100%  /* Abgedunkeltes #5C5646 */
  );
  color: #ffffff;
  border: none;
}
.backend .alert span {
    margin: auto;
    text-align: center;
    display: block;
    margin-bottom: 50px;
}
.backend .alert  a {
    display: inline-block;
    color: white;
    padding: 50px;
    border: 1px dotted rgba(255,255,255,0.16);
    background-color: rgba(255,255,255,0.09);
}
.backend .alert a:hover {
    background-color: rgba(255,255,255,0.20);
}

/* Icon-Unterstützung (falls du SVG-Icons nutzt) */
.backend .alert svg {
  margin-right: 0.75rem;
  flex-shrink: 0;
}

/* Optional: Button-Styling innerhalb der Alerts */
.backend .alert .btn {
  margin-left: auto;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: inherit;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  cursor: pointer;
  transition: background 0.2s;
}
.backend .alert .btn:hover {
  background: rgba(255, 255, 255, 0.35);
}
.backend .filePreview {
  display: flex;
  align-items: center;
  gap: 10px; /* Abstand zwischen Bild-Link und Button */
}

.backend .filePreview a {
  display: inline-flex;
  align-items: center;
}

.backend .filePreview button {
  margin: 0;
  display: inline-flex;
  align-items: center;
}






.backend .ui-widget {
    font-family: 'PT Sans Narrow';
    font-size: 0.8em;
}
.backend .ui-widget-header {
    border: 1px solid #E1E9ED;
    background-color: #f8fafb;
    color: #333;
    font-weight: bold;
}
.backend .ui-state-default, .backend .ui-widget-content .ui-state-default, .backend .ui-widget-header .ui-state-default, .backend .ui-button, html .backend .ui-button.ui-state-disabled:hover, html .backend .ui-button.ui-state-disabled:active {
    border: 1px solid #E1E9ED;
    background: #f8fafb;
    font-weight: normal;
    color: #454545;
}
/*#############MEAN MENU ########################################################################## */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background-color: rgba(92,86,70,1.00);
	padding: 4px 0 0;
	min-height: 43px;
	z-index: 999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background-color: rgba(86, 96, 108,0.7);
	margin-top: 15px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
	margin-left: 0px;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: auto;
	padding: 14.5px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}

/* ========================================================
2. Media GENERAL
========================================================= */
.backend html {
    height: 100%;
}
.backend #startlogo {
	width: 200px;
	display: block;
	margin: auto;
	animation: slide-down2 0.8s forwards;
	margin-top: 60px;
	opacity: 0;
}
@-webkit-keyframes slide-down2{
	0% {
		opacity: 0;
    	margin-top: 40px;
  	}
  	100% {
    	margin-top: 60px;
	  	opacity: 1;
  	}
}

@keyframes slide-down2{
  	0% {
		opacity: 0;
    	margin-top: 40px;
  	}
 	100% {
    	margin-top: 60px;
	  	opacity: 1;
  	}
}

.backend .intropic {
	margin: 30px auto;
	width: 90%;
	display: block;
}

.backend #footerlogin {
	bottom: 0px;
	height: 70px;
	display: block;
	width: 100%;
	background: #a8a18d; 
	color: white;
	padding-bottom: 5px;
	position:fixed;
}
.backend #footerloginMain {
	bottom: 0px;
	height: 70px;
	display: block;
	width: 100%;
	background: url(../bilder/bg.jpg) repeat; 
	color: #696969;
	padding-bottom: 5px;
}
.backend #footerloginMain .footerleftMain {
	float: left;
	width: 33.222229%;
	box-sizing: border-box;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 5px;
}
.backend #footerloginMain .footerrightMain {
	float: right;
	width: auto;
	padding-right: 20px;
	margin-top: 10px;

}
.backend #footerloginMain .footerrightMain svg {
    width: 35px;
    height: 35px;
    margin-top: 10px;
}

.backend #footerlogin .footermiddle {
	margin: auto;
	text-align: center;
	margin-top: 5px;
}
.backend #footerlogin .footermiddle svg {
    width: 45px;
    height: 45px;
    margin-top: 10px;
    vertical-align: -20px;
}
.backend #kundeninfo {
    text-align: center;
	font-family: 'montserrat_alternatesregular';
    font-size: 0.8em;
    padding-top: 30px;
}
.backend #kundeninfo h2 {
    margin-bottom: 20px;
}
.backend #loginwrapper {
	width: 30%;
	display: block;
	margin: auto;
	min-width: 380px;
	max-width: 400px;
}
.backend #loginform {
    box-sizing: border-box;
    padding: 30px 0px;
    position: relative;
}
.backend .spinning {
    width: 100%;
    margin: auto;
    display: none;
    margin-top: 0px;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.4);
	z-index: 999999;
}
.backend form.standard .dreierSpinner {
	width: 100%;
}
.backend form.standard .dreierSpinner input {
	margin: 0px;
}
.backend form.standard .dreierSpinner label {
	display: block;
}
.backend .tablestyle.switchRow p {
    margin-top: 0.3em;
}
.backend .tablestyle.switchRow {
    margin-bottom: 10px;
}
.backend form.standard .tablestyle .ui-spinner-input{
	margin: 0;
	width: 70px;
}
.backend .spinningLogin {
    -webkit-animation-name: spinningAnim;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinningAnim;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinningAnim;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spinningAnim;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	width: 40px;
	margin: auto;
	display: none;
	margin-top: 50px;
}
.backend .spinningLogin svg {
	width: 40px;
	height: 40px;
}
.backend .spinningTab {
    -webkit-animation-name: spinningAnim;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinningAnim;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinningAnim;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spinningAnim;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	width: 40px;
	margin: auto;
	display: none;
	opacity:  0;
	margin-top: 50px;
}
.backend .spinning span, .backend .spinningTab svg {
	border: 6px solid rgba(100, 100, 100, .4);
	border-top: 6px solid rgba(255, 255, 255, .8);
	border-radius: 100%;
	width: 50px;
	height: 50px;
	border-style: solid;
    border-width: 6px;
    display: block;
    margin: calc(40vh) auto auto;
    -webkit-animation-name: spinningAnim;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinningAnim;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinningAnim;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spinningAnim;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.backend .spinning_mainDoc {
    -webkit-animation-name: spinningAnim;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinningAnim;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinningAnim;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spinningAnim;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	width: 40px;
	margin: auto;
	display: block;
	opacity: 0;
	margin-top: 50px;
}
.backend .spinning_mainDoc svg {
	width: 40px;
	height: 40px;
}

.backend ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgb(153,153,153);
}
.backend :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    rgb(153,153,153);
   opacity:  1;
}
.backend ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    rgb(153,153,153);
   opacity:  1;
}
.backend :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    rgb(153,153,153);
}





.backend .loginbutton2 {
    background: #56606c none repeat scroll 0 0;
    transition: all 0.2s linear 0s;
    border: 1px solid transparent;
    border-radius: 0;
    box-sizing: border-box;
    font-size: 1em;
    padding: 10px 20px;
    width: 100%;
	color: white !important;
	margin-top: 30px;
	display: block;
}
.backend .loginbutton2:hover {
	background-color: #838E9C;
}
.backend .errorstate {
	text-align:center;
	color: #706956;
}
.backend .errorstate img {
	margin-right: 10px;
	vertical-align: bottom;
}
.backend .footer {
	margin-top: 70px;
	width: 100%;
	display: block;
	color: white;
	text-align: right;
	padding: 5px;
	font-size: 12px;
}
.backend .footer a:link {
	text-decoration: none;
	color: white;
}
.backend #header {
	display: block;
}
.backend #header #logo {
	width: 100%;
	padding-top: 15px;
	background-color: rgba(92,86,70,0.7);
}
.backend #header img {
    display: block;
    margin: auto;
    width: 170px;
}
.backend #header #welcome {
	height: 70px;
	display: block;
	margin-left: 250px;
	background-color: rgba(92,86,70,0.7);
}
.backend #header .welcomewrap {
    display: table;
    height: 70px;
    position: absolute;
    top: 0;
	margin-left: 300px;
}
.backend #header #welcometext {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
    width: 100%;
	color: white;
	text-align: right;
}
.backend #header #user {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.backend #header #user:hover {
	cursor: pointer;
	background-color: rgba(92,86,70,0.5);

}
.backend .seitenaufzaehlung {
	
}
.backend img.bilderdatenbankShow {
	width: 150px !important;
	height: 100px !important;
}
.backend #menu {
	position: absolute;
	left: 10px;
	top: 30px;
	width: 50px;
	height: 30px;
	padding-top: 5px;
}
.backend #menu:hover {
	cursor: pointer;
}
.backend #menuleiste {
	width: 170px;
	display: none;
	position: absolute;
	right: 0px;
	top: 100px;
	text-transform: uppercase;
	padding-bottom: 10px;
	text-align: right;
}
.backend #menuleiste a {
	background: rgba(92,86,70,0.5);
	display: block;
	text-decoration: none;
	padding: 10px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	width: 170px;
	box-sizing: border-box;
	color: white;
	text-align: center;
}
.backend #menuleiste a:hover {
	background: rgba(92,86,70,0.5);
	color: white;

}
.backend #menuleiste ul, #menuleiste li {
	list-style: none;
	margin-right: 0px;
	margin-left: 0px;
}
.backend #main {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    background-color: rgba(206,206,206,1.00);
}
.backend #content {
    background-color: rgba(255,255,255,0.85);
    padding-bottom: 100px;
    display: block;
    min-width: 10%;
    width: 100%;
}
.backend #contentwrapper .contentReiter{
	display: none;
	padding: 10px;
	margin-bottom: 50px;
}
 
.backend .langWrapper h4 {
	padding: 10px 10px 10px 40px;
	background-image: url(../img/icon-wwwInternet.svg);
	background-color: #56606c;
	background-repeat: no-repeat;
	background-position: 5px center;
	color: white;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin-bottom:  0;
	border-bottom: 1px solid gray;
}
.angebotVersendAccept {
	padding: 20px;
	display: block;
	margin: auto;
	text-align: center;
	font-family: 'montserrat_alternatesregular';
}
.zahlungSuccessAccept {
	padding: 20px;
	padding-top: 10px;
	display: block;
	margin: auto;
	text-align: center;
	font-family: 'montserrat_alternatesregular';
}

.angebotVersendAccept img {
	width: 100px;
	display: inline-block;
}
.backend .accordionRIML .langWrapper h4 {
	background-image: none;
	background-size: 20px;
	padding-left: 10px;
} 
.backend .accordionRIML .langWrapper h4 span {
	margin-left: 20px;
} 
.backend .accordionRIML .langWrapper h4::before {
	content:'►';
	float:  left;
	-moz-transition:0.5s all;
    -webkit-transition:0.5s all;	
}
.backend .accordionRIML .langWrapper h4:hover::before, .backend .accordionRIML .langWrapper h4.openState::before {
    -webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}
.backend .langWrapper:last-child h4 {
	border:  none;
}
.backend .langWrapper h4:hover {
	cursor: pointer;
	background-color: #838E9C;
}

.backend #contentwrapper {
	width: 90%;
	margin: auto;
}
.backend .whitesheet {
	height: 100px;
	margin: auto;
	display: block;
	padding: 40px;
	padding-top: 70px;
	background-image: url(../img/fehler.svg);
	background-repeat: no-repeat;
	background-position: center 15px;
	background-size: 40px;
	text-align: center;
}
.backend .whitesheetStart {
	width: auto;
	height: 100px;
	margin: auto;
	display: block;
	padding: 40px;
	padding-top: 70px;
	background-image: url(../img/accept.svg);
	background-repeat: no-repeat;
	background-position: 15px 15px;
	background-size: 40px;
	background-color: rgba(255,255,255,0.5);
	margin-top: 40px;
	text-align: center;
}
.backend .whitesheet .button1 {
    background-color: rgb(204, 204, 204);
    display: block;
    margin: 50px auto;
    padding: 5px 15px;
    transition: all 0.2s linear 0s;
    width: 100px;
}
.backend #asidewrapper {
    width: 250px;
    display: block;
    background-color: rgba(92,86,70,.7);
    vertical-align: top;
}
.backend .asidemenuwrapper {
	margin-top: 40px;
}
.backend .asidemenuwrapper a {
	text-decoration: none;
	padding: 8px 10px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	color: white;
	display: block;
	background-size: 40px auto;
	background-repeat: no-repeat;
	background-position: 10px center;
	border-top: 1px solid rgba(92,86,70,0.7);
	border-collapse: collapse;
}
.backend .asidemenuwrapper a:hover {
	color: white;
	background-color: rgba(92,86,70,0.5);
	background-size: 40px auto;
	background-repeat: no-repeat;
}
.backend .asidemenuwrapper a.aktiv {
	background-color: #5C5646;
	color: white;
}
.backend .asidemenuwrapper .ul2 a {
	text-transform: none;
	border-bottom: 1px solid rgba(92,86,70,0.4);
}
.backend .asidemenuwrapper .ul2 a.submenuaktiv {
	color: white;
	background-color: rgba(92,86,70,0.3);
	padding-left: 15px;
}
.backend .asidemenuwrapper .ul2 a:hover {
	color: white;
	background-color: rgba(92,86,70,0.3);
	background-image: none;
	padding-left: 15px;
}
.backend .asidemenuwrapper ul {
	margin: 0px;
}
.backend .asidemenuwrapper .ul2 {
	display: none;
    border-left: 10px solid rgba(92,86,70,1);
}
.backend .asidemenuwrapper li {
	margin-left: 0px;
	margin-right: 0px;
	list-style:circle;
}
.backend .asidemenuwrapper ul ul li {
	list-style: none;
}
.backend .abstandoben {
	margin-top: 60px;
}
.backend #footer {
	display: table;
	height: 50px;
	width: 100%;
	background: rgba(24,23,18,1.00);
	color: rgb(204,204,204);
}
.backend .footerlink {
	vertical-align: middle;
	display: table-cell;
}
.backend .footertrio {
    float: left;
    height: auto;
    margin: 3.66665%;
    width: 26%;
}

.backend .footertrio a {
	color: rgb(204, 204, 204);
}
.backend .footerbottom {
	width: 100%;
	display: table;
	background-color: rgb(51,51,51);
	height: 50px;
}
.backend .footeranfrage label {
	margin-right: 30px;
	padding: 5px;
}
.backend .footeranfrage input, .backend .footeranfrage textarea {
	width: 50%;
	background: none;
	border-top: none;
	border-left: none;
	border-right: 1px solid #5C5646; 
	border-bottom: 1px solid #5C5646;
	color: #CCC; 
	padding: 5px;
	padding-left: 10px;
	transition: all 0.2s linear 0s;
	resize: none;
	font-family: "PT Sans Narrow";

}
.backend .footeranfrage input:focus, .backend .footeranfrage textarea:focus {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-right: 1px solid #5C5646; 
	border-bottom: 1px solid #5C5646;
}
.backend .footeranfrage textarea {
	font-size: 1em;
	-ms-overflow-style: none;
}
.backend .footeranfrage #footeranfragebutton {
	background: #5C5646;
	color: white;
	transition: all 0.2s linear 0s;
	border: none;
	width: 165px;
	margin-top: 10px;
	margin-left: 5px;
}
.backend .footeranfrage #footeranfragebutton:hover {
	background: rgba(92,86,70,0.80);
	cursor: pointer;
}

.backend .imagewrapper {
	margin: 20px;
	margin-left: 50px;
	display: block;
	width: 650px;
	background-color: rgba(204,204,204,0.6);
	position: relative;
}
.backend .imagewrapper .imagesettings {
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: block;
	margin: 10px;
}
.backend .image {
	float: left;
}
.backend .previewimage {
	width: 200px;
	height: 150px;
	line-height: 0;
}
.backend .sp {
	width: 200px;
	height: 150px;
	display: block;
	margin: 20px;
	line-height: 0;
}
.backend .imagetitle {
	margin-left: 220px;
	padding-top: 15px;
	padding-bottom: 60px;
	width: auto;
	display: block;
}
.backend .imagewrapper .uploadedsucess {
	width: 100%;
	display: block;
	font-size:0.8em;
}
.backend .uploadedsucess {
	width: 70%;
	display: block;
	color: #289548;
	margin-top: 5px;
}
.backend .uploadedfailure {
	margin-top: 5px;
}

.backend .uploadedsucess .uploadlist {
	margin-left: 10px;
}
.backend .uploadedsucess .uploadlist li {
	margin: 0;
	padding-left: 30px;
	background: url(../img/uploadsuccess.svg) no-repeat;
	background-size: 15px;
}
.backend .uploadedsucess:last-child {
	margin-left: 50px;
	margin-bottom: 50px;
	width: 50%;
	display: block;
	background-color: rgba(204, 204, 204, 0.6);
}
.backend #kundenEDIT .uploadedsucess:last-child {
	margin-left: inherit !important;
}

.backend #kundenEDIT .uploadedsucess:last-child {
	background-color: inherit !important;
}
.backend .uploadlist {
	list-style: none;
	margin-bottom: 0px;
}
.backend .uploadedfailure .uploadlist {
	background-image: url(../img/fehler.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	margin-bottom: 0px;
	list-style-image: none;
	margin-left: 10px;
}
.backend .uploadedfailure .uploadlist li {
	padding-left: 30px;
	margin-left: 0;
}
.backend .uploadedfailure .uploadlist {
	list-style: none;
	color: #C20D19;
}
.backend form.standard .select2-container { 
    width: 100% !important;
    margin: 0px !important;
}


/* Standardformular */
.backend #loginform input {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #a8a18d;
	padding: 10px 20px;
	font-size: 1em;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
    -webkit-appearance: none;
    border-radius: 0;
	font-family: 'montserrat_alternatesregular';
	padding-right: 110px;

}

.backend #loginform .loginbutton {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	width: 100px;
	background: #9D9889;
	color: white;
	border-radius: 50% 0 0 50%;
	position: absolute;
	bottom: 70px;
	height: 85px;
	right: 10px;
	border: none;
	padding-right: 0;
}
.backend #loginform .loginbutton:hover {
	cursor: pointer;
	background-color: #757167;
}

.backend #loginform input:focus {
	border: 1px #a8a18d solid;
	background-color: #d3cfc5;
}

.backend #formular {
	width: 100%;
	display: block;
	margin: auto;
}
.backend .fancybox-inner {
	background: #e7e9ea;
}
.backend legend {
	background-color: rgba(92,86,70,1);
	border: medium none;
	color: #fff;
	font-size: 1.2em;
	margin-bottom: 0;
	padding: 0.5em;
	width: auto;
}
.backend #stepContentWrapper legend {
	background-color: rgba(92,86,70,1);
	border: medium none;
	color: white;
	font-size: 1.2em;
	margin-bottom: 0;
	padding: 0.5em;
	width: auto;
}
.backend #stepContentWrapper label a {
	color: black;
	padding-right: 30px;
	background: url(../bilder/info-point.svg) no-repeat right center;
	background-size: 19px;
}
.backend #stepContentWrapper .infoIconInline {
	background: url(../bilder/info-point.svg) no-repeat right center;
	background-size: 19px;
    width: 19px;
    height: 19px;
    display: block;
position: absolute;
    right: 10px;
    bottom: 7px;
}
.backend .hvsButtons {
	background-color: #5C5646;
	display: inline-block;
	padding: 10px 25px;
	border: none;
	color: white;
	font-family: 'montserrat_alternatesregular';
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	margin: 0px;
}
.backend .hvsButtons:hover {
	cursor: pointer;
	color: white;
	background-color: rgba(92,86,70,.6);
}
.backend .hvsButtonZeitraum {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    font-size: 1em;
    font-family: 'PT Sans Narrow';
}
.backend .hvsButtonZeitraum:hover {
	cursor: pointer;
	background-color: rgba(92,86,70,.1);
}

.backend .hvsButtons.hvsButtonRight {
	float: right;
}
.backend .hvsButtons.hvsButtonLeft {
	float: left;
}
.backend .widget {

	margin: 1%;
	box-sizing: border-box;
	display: inline-block;
	background-color: white;
	text-align: center;
	vertical-align: top;
	flex: 1 1 auto;
}
.backend .widget.widget2drittel {
	width: 58.8%;
}
.backend .widget.widget100single {
	width: 70%;
}
.backend .widget img {
	vertical-align: middle;
}
.backend .widget  h4 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 40px;
}
.backend .widget  h4 span {
	color: gray;
	font-size: 0.8em;
}
.backend .widget  span {
	vertical-align: middle;
	color: #045F80;
    font-size: 1.6em;
}
.backend .widget .comboTreeWrapper span { font-size: inherit;}
.backend .widget .widgetContent {
	margin-bottom: 20px;
}
.backend .SHShopWrapper .erklaerungsbox:first-of-type {margin-bottom: 20px; margin-top: 0px;}
.backend .SHShopWrapper .erklaerungsbox {margin-bottom: 20px; margin-top: 30px;}
.backend .widget.BSpinWrapper {
    
}
.backend .widget.BSpinWrapper h2 {
    display: inline-block;
    margin-bottom: 30px;
}
.backend .widget.BSpinWrapper span.date {
    font-size: 0.9em;
}
.backend .widget.BSpinWrapper #PIN {
    font-size: 2em;
}
.backend .widget.BSpinWrapper .BSlinks { font-size: 1em;}
.backend.widget.BSpinWrapper #BS_details { color: #666666; font-size: 0.9em;}
.backend fieldset {
	background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #aaaaaa;
    margin-bottom: 1em;
    margin-top: 1em;
	padding: 2%;
}
.backend #stepContentWrapper fieldset {
	background: white;
	margin: 40px 0px;
}
.backend .nofield {
	border: none;
	background: none;
}
.backend .duo {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 10px;
	height: auto;
}
.backend .single {
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	clear: both;
}
.backend .single2 {
	width: 100%;
	box-sizing: border-box;
	clear: both;
}
.backend .duo img.bildEditFancybox {
	width: 100%;
	display: block;
}
.backend #legendID1 h5 {
	color: white;
	padding-top: 0;
	padding-bottom: 0.5em;
}
.backend .standardformular h4, .backend .standardformular2 h4 {
	border: 1px solid #fae6e4;
	margin-bottom: 30px;
	margin-top: 10px;
	padding: 5px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWU2ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #fae6e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fae6e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fae6e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fae6e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fae6e4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fae6e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fae6e4',GradientType=0 ); /* IE6-8 */
}

.backend .standardformular #buttonAnfrage {
	background: rgba(139,31,28,0.6) url(../bilder/arrows2.svg) right center no-repeat;
	background-size: contain;
	color: white;
	transition: all 0.6s ease;
	padding: 25px 15px;
	font-size: 1.2em;
}
.backend .standardformular #buttonAnfrage:hover {
	background: rgba(139,31,28,0.4) url(../bilder/arrows2.svg) 102% center no-repeat;
	background-size: contain;
	cursor: pointer;
}
.backend label p {
	margin: 0;
	margin-bottom: 0.5em;
}
.backend .standardformular label {
	width: auto;
	display: inline-block;
	cursor: pointer;
	padding-bottom: 5px;
}
.backend .standardformular label.labelCheckbox {
	width: auto;
	text-align: left;
}
.backend .standardformular .checkboxWrapperForm {
	width: 50%;
	display: block;
	float: left;
}
.backend .image-upload {
	text-align: center;
}
.backend .image-upload > input
{
    display: none;
}

.backend .image-upload img
{
    width: 80px;
    cursor: pointer;
}
.backend .standardformular input {
	box-sizing:border-box;
	width: 100%;
	background: #f8fafb;
    border: 1px solid transparent;
    padding: 10px;
	resize: none;
	transition: all 0.3s ease;
	font-family: inherit;
}
.backend form.standard input, .backend form.standard select, .backend #fancyboxAddservice input, .backend #fancyboxAddservice textarea {
	box-sizing:border-box;
	width: 50%;
	background: #f8fafb;
    border: 1px solid #e5e6e7;
    padding: 10px;
	margin: 10px;
	resize: none;
	transition: all 0.3s ease;
	font-family: "PT Sans Narrow";
	font-size: 1em;
}
.backend .artikelpreisTable.BSpreistabelle td {padding: 3px 5px;}
.backend .artikelpreisTable.BSpreistabelle select { width: 100%;}
.backend .artikelpreisTable.BSpreistabelle input, .backend .artikelpreisTable.BSpreistabelle select { margin: 0px;}
.backend form.standard input.shopSettingInput, .backend form.standard textarea.shopSettingInput {
    width: 100%;
    margin: 0;
}
.backend form.standard .speichernBreite {
	width: 130px !important;
}
.backend form.standard .accordionRIML input {
	width: 80px;
	padding: 5px;
}
.backend form.standard .accordionRIML .contentReiter a:hover {
	cursor: pointer;
}
.backend #backend_frame form.iframeForm input {
	width: 50%;
}
.backend form.standardUserEdit input, .backend form.standardUserEdit select, .backend form.standardVerstorEdit input, .backend form.standardVerstorEdit select {
	box-sizing:border-box;
	width: 100%;
	height: 42px;
	background: #f8fafb;
    border: 1px solid #e5e6e7;
    padding: 10px;
    margin: 0 0 30px;
	resize: none;
	transition: all 0.3s ease;
	font-family: "PT Sans Narrow";
	font-size: 1em;
}
.backend #stepContentWrapper form.standardUserEdit input, .backend #stepContentWrapper form.standardUserEdit select {
	box-sizing:border-box;
	width: 100%;
    padding: 10px;
    margin: 0px;
	resize: none;
	transition: all 0.3s ease;
	font-family: "PT Sans Narrow";
	font-size: 1em;
    border: 1px solid lightgray;
}
.backend #SHSpaketeWrapper .footable-toggle {
    padding: 10px;
}
.backend #SHSpaketeWrapper .footable-toggle:hover {
    cursor: pointer;
}
.backend #SHSpaketeWrapper .input-group input {
    margin-bottom: 0 !important;
}
.backend #stepContentWrapper form.standardUserEdit span {
	box-sizing:border-box;
	resize: none;
	transition: all 0.3s ease;
	font-family: "PT Sans Narrow";
	font-size: 1em;
    vertical-align: middle;
}
.backend #SHSpaketeWrapper table tbody span {float: left;}
.backend #stepContentWrapper .paketdienstleisterIMG {
    vertical-align: middle;
    min-width: 100px;
    max-width: 150px;
}
.backend .UserRolesWrapper.containerWrapping .select2-container--default .select2-selection--single {
    box-sizing: border-box;
    background: #f8fafb;
    border: 1px solid #e5e6e7;
    resize: none;
    transition: all 0.3s ease;
    font-family: "PT Sans Narrow";
    font-size: 1em;
    height: inherit;
    padding: 5px;
}
#stepContentWrapper .select2-container--default .select2-selection--single {
	background: #f8fafb !important;
    height: 42px !important;
    padding: 10px !important;
    border: 1px solid lightgray;
}
.backend #stepContentWrapper form.standardUserEdit input[type=checkbox]{
    padding: 10px;
    margin: 0 10px 0 10px;
	width: auto;
	float: left;
}
.backend #stepContentWrapper form.standardUserEdit input.regular-checkbox {
    display: none;
}

.backend #stepContentWrapper form.standardUserEdit input.regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 11px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	vertical-align: bottom;
	margin-right: 10px;
}
.backend #stepContentWrapper form.standardUserEdit input.regular-checkbox + label:hover {
	cursor: pointer;
}

.backend #stepContentWrapper form.standardUserEdit input.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.backend #stepContentWrapper form.standardUserEdit input.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.backend #stepContentWrapper form.standardUserEdit input.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 16px;
	position: absolute;
	top: 0px;
	left: 4px;
	color: #99a1a7;
}

.backend form.standardUserEdit .roundedTwo input[type=checkbox], .backend form.standardVerstorEdit .roundedTwo input[type=checkbox] {
    cursor: pointer;
    height: 20px;
    left: 4px;
    width: 20px;
	display: inline-block;
	vertical-align: top;
}
.backend form.standardUserEdit .roundedTwo label, .backend form.standardVerstorEdit .roundedTwo label {
    display: inline;
    margin-left: 15px;
}
.backend form.standardUserEdit .roundedTwo label:hover, .backend form.standardVerstorEdit .roundedTwo label:hover {
	cursor: pointer;
}
.backend .FLEXcontainer {
    display: flex;
    justify-content: space-between;
}
.backend .kontaktBGstyle { background-color: rgba(240, 248, 255, 0.8);}
.backend .mainBGstyle.offen { background-color: rgba(92,86,70,.1); margin-top: 20px; }
.backend .mainBGstyle.geschlossen { background-color: rgba(0,113,0,0.30);}
.backend .lostFoundTable tr.status-offen {background-color: rgba(255, 200, 200, 0.3);}
.backend .lostFoundTable tr.status-zugeordnet {background-color: rgba(240, 248, 255, 0.8);}
.backend .lostFoundTable tr.status-abgeschlossen {background-color: rgba(0,113,0,0.30);}
.backend .lostFoundTable tr.status-abgeschlossen td {color: rgba(63,63,63,1.00);}
.backend .lostFoundTable th tr {background-color: rgba(92,86,70,1.00); color: white;}
.backend .lostFoundTable td.titleFormat {font-weight: bold;}
.backend .srColor {color: #746D59; padding: 5px;}
.backend .srColor:hover {color: #a8a18d; cursor: pointer;}

.backend #iconAddLFcategory {
    margin-left: 10px;
}
.backend #iconAddLFcategory:hover {
    cursor: pointer;
}

.backend .elements2rowFirst {
    flex: 0 1 auto;
    width: 73% !important;
}	
.backend .elements2rowSecond {
    flex: 0 1 auto;
    width: 25% !important;
}	
.backend form.standardUserEdit .infoInput {
    padding: 10px;
    margin: 0 0 30px;
    background: rgba(92,86,70,.10);
    border: 1px solid transparent;
    position: relative;
    height: 42px;
    box-sizing: border-box;
}

.backend.beitragsformular {
	margin-left: 10px;
}
.backend.beitragformular select {
	box-sizing:border-box;
	background: #f8fafb;
    border: 1px solid #e5e6e7;
    padding: 5px 10px;
	margin: 10px;
	resize: none;
	transition: all 0.3s ease;
	font-family: "PT Sans Narrow";
	font-size: 13px;
	display: inline-block;
}
.backend .mce-panel {
    z-index: 7777777777 !important;
}
.backend .bilderdatenbankTable {

}
.backend form.standard textarea {
    background: #f8fafb none repeat scroll 0 0;
    border: 1px solid #e5e6e7;
    box-sizing: border-box;
    margin: 10px;
    padding: 10px;
    resize: none;
    transition: all 0.3s ease 0s;
    width: 50%;
	font-family: "PT Sans Narrow";
	font-size: 1em;
	vertical-align: middle;
}
/*.backend form.standardUserEdit select, .backend form.standardVerstorEdit select {
	width: 170px;
}
*/
.backend form.standardUserEdit textarea, .backend form.standardVerstorEdit textarea {
    background: rgba(109, 171, 34, 0.2) none repeat scroll 0 0;
    border: 1px solid transparent;
    box-sizing: border-box;
    padding: 10px;
    resize: none;
    transition: all 0.3s ease 0s;
    width: 100%;
	font-family: "PT Sans Narrow";
	font-size: 1em;
}

.backend form.standardUserEdit.kundenDatenFormular .duo {
    background-color: rgba(92,86,70,0.05);
    margin: 1%;
    width: 48%;
}
.backend form.standardUserEdit.kundenDatenFormular .duo:first-child {
    margin-left: 0 !important;
}
.backend form.standardUserEdit.kundenDatenFormular .spaltenTitel h2 {
    text-align: center;
    margin-bottom: 20px;
}

.backend .highlighted {
	background-color: rgba(109,171,34,0.2) !important;
}
.frontend_Messagebox {
	position: fixed;
	right: 20px;
	bottom: 100px;
	z-index: 1000000;
}
.bottommenu {
	position: fixed;
	bottom: 0px;
	z-index: 1;
	width: 100%;
	background-color: rgba(86, 96, 108,1);
	color: #E1E4E9;
}
.frontend_Messagebox .erfolgText {
	padding: 10px 15px 10px 50px;
	background: #EDF8CF;
	color: #6CAB21;
	border: 1px solid #6CAB21;
	background-image: url(../img/accept.svg);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 25px;
	opacity: 0;
    -webkit-animation-name: fadeoutAnimation;
    -webkit-animation-duration: 2s !important;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: fadeoutAnimation;
    -moz-animation-duration: 2s !important;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: fadeoutAnimation;
    -ms-animation-duration: 2s !important;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
    animation-name: fadeoutAnimation;
    animation-duration: 2s !important;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}
.frontend_Messagebox .failureTextBox {
	padding: 10px 15px 10px 50px;
	background-color: #FFACAC;
	color: rgba(159,0,0,1);
	border: 1px solid rgba(159,0,0,1);
	background-image: url(../img/fehler.svg);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 25px;
	opacity: 0;
	-webkit-animation-name: fadeoutAnimation;
	-webkit-animation-duration: 2s !important;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: fadeoutAnimation;
	-moz-animation-duration: 2s !important;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	-ms-animation-name: fadeoutAnimation;
	-ms-animation-duration: 2s !important;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: linear;
	animation-name: fadeoutAnimation;
	animation-duration: 2s !important;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}
.backend p.switchErfolgMessage {
	border: 2px solid rgb(30,168,0);
	border-radius: 4px;
	color: rgb(30,168,0) !important;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	background: none;
	position: inherit;
	width: 100%;
	margin: 0;
	padding: 5px 15px;
	text-align: center;
	box-sizing: border-box;
	opacity: 0;
    -webkit-animation-name: fadeoutAnimation;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: fadeoutAnimation;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: fadeoutAnimation;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
    animation-name: fadeoutAnimation;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}
.backend p.switchDoppeleintragMessage {
	border: 2px solid #C20D19;
	border-radius: 4px;
	color: #C20D19;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	background: none;
	position: fixed;
	top: 30%;
	width: 50%;
	left: 50%;
	margin-left: -25%;
	margin-right: 0px;
	padding: 5px 15px;
	text-align: center;
	opacity: 0;
    -webkit-animation-name: fadeoutAnimation;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: fadeoutAnimation;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: fadeoutAnimation;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
    animation-name: fadeoutAnimation;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}
.backend .SHSbasispreisInput, .backend .SHSkundenpreisInput {
    padding: 5px 3px;
    width: 50px;
    max-width: 70px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.2);
    border: none;
}
.backend .tableScheme3 span.periodenAngabe, .AMR_korrespondenzen .tableScheme3 span.periodenAngabe {
	margin-left: 35px;
}
.backend .tableScheme3 .checkmark, .AMR_korrespondenzen .tableScheme3 .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: rgba(223,223,223,1.00);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; 
    margin-top: 4.5px;
}
.backend .tableScheme3 .checkmark.Ratenperioden {
    position: absolute;
    top: -9px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: rgba(223,223,223,1.00);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; 
    margin-top: 4.5px;
}
.AMR_korrespondenzen .tableScheme3 .checkmark.Ratenperioden {
    position: absolute;
    top: -15px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: rgba(223,223,223,1.00);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; 
    margin-top: 4.5px;
}
.backend .tableScheme3 .container.Ratenperioden, .AMR_korrespondenzen .tableScheme3 .container.Ratenperioden {
    position: absolute;
}
.backend .tableScheme3 .container, .AMR_korrespondenzen .tableScheme3 .container {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.backend .tableScheme3 .container:hover input ~ .checkmark, .AMR_korrespondenzen .tableScheme3 .container:hover input ~ .checkmark{
    background-color: rgba(130,37,30,.3);
}
.backend .tableScheme3 .container input:checked ~ .checkmark, .AMR_korrespondenzen .tableScheme3 .container input:checked ~ .checkmark {
    background-color: #82251E;
}
.backend .tableScheme3 .checkmark:after, .AMR_korrespondenzen .tableScheme3 .checkmark:after{
    content: "";
    position: absolute;
    display: none;
}
.backend .tableScheme3 .container input:checked ~ .checkmark:after, .AMR_korrespondenzen .tableScheme3 .container input:checked ~ .checkmark:after{
    display: block;
}
.backend .tableScheme3 .checkmark:after, .AMR_korrespondenzen .tableScheme3 .checkmark:after {
    left: 8.5px;
    top: 4.5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.backend .tableScheme3 .container input, .AMR_korrespondenzen .tableScheme3 .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 35px;
}




.backend div.messageOutput {
	min-height: 70px;
}
.backend p.erfolgMessage {
	border-left: 5px solid rgba(92,86,70,1);
    content: 'te';
	color: rgba(92,86,70,1) !important;
    background-color: rgba(92,86,70,0.1);
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	width: 100%;
	box-sizing: border-box;
	margin: 0px;
	padding: 5px 15px;
	text-align: left;
	opacity: 0;
    -webkit-animation-name: fadeoutAnimation;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: fadeoutAnimation;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: fadeoutAnimation;
    -ms-animation-duration: 4s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
    animation-name: fadeoutAnimation;
    animation-duration: 4s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}

@-webkit-keyframes fadeoutAnimation {
0% 		{-webkit-opacity: 1;}
70% 		{-webkit-opacity: 1;}
100% 	{-webkit-opacity: 0;}
}
@keyframes fadeoutAnimation {
0% 		{opacity: 1;}
70% 		{opacity: 1;}
100% 	{opacity: 0; }
}
.editierbarerText {
	-webkit-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	-o-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
	box-sizing: border-box;
	border: 1px dotted transparent;
}
.editierbarerText:hover {
	border: 1px dotted #6CAB21;
}
.mce-content-body {
	background: url(../img/icon-bearbeiten-gruen.svg) no-repeat bottom center;
	background-size: 12px;
}
.backend .inputaktiv {
	box-sizing:border-box;
	width: 50%;
	background-color: #f8fafb;
    border: 1px solid transparent;
    padding: 5px;
	resize: none;
	transition: all 0.3s ease;
	margin-bottom: 5px;
}
.backend .inputnonaktiv {
	box-sizing:border-box;
	width: 50%;
	background-color: #f8fafb;
    border: 1px solid transparent;
    padding: 5px;
	resize: none;
	transition: all 0.3s ease;
	margin-bottom: 5px;
}
.backend .startbild {
	width: 10px;
}
.backend .imagetitle label, .backend span.label {
	width: 80px;
	display: inline-block;
}
.backend form.standard label, .backend #fancyboxAddservice label {
	min-width: 150px;
	display: inline-block;
	font-weight: bold;
	width: 30%;
}
.backend .footable.lieferorte .form-inline .input-group>.form-control {
    width: auto;
    margin: auto;
}
.backend .footable.lieferorte label.sr-only { width: inherit;}
.backend form.standardUserEdit label, .backend form.standardVerstorEdit label {
	width: auto;
	display: block;
	font-weight: bold;
}
.backend form.standard .allImagesWrapper label {
    display: block;
    font-weight: bold;
    min-width: 150px;
    width: 30%;
}
.backend form.standard .allImagesWrapper ul li input {
    display: inline-block;
	margin: 5px;
	width: auto;
	padding: 5px;
}
.backend .standardformular .uploadsubmit {
	background-image: url(../img/upload.svg);
	background-position: 10px center;
	background-size: 30px;
	background-repeat: no-repeat;
	background-color: rgb(204, 204, 204);
	transition: all 0.2s linear 0s;
	color: white;
	padding: 10px;
	padding-left: 50px;
	width: 230px;
	position: relative;
	display: block;
	margin: auto;
	text-align: center;
	border: 1px solid transparent;
	font-size: 1.4em;
	box-sizing: border-box;
}
.backend .standardUserEdit .angebotfiles .uploadsubmit {
    width: 50%;
    background-color: #045F80;
    padding: 10px;
	color: white;
	border: none;
	border: 1px solid transparent;
	font-size: 1.4em;
	box-sizing: border-box;
}
.backend .standardUserEdit .angebotfiles .uploadsubmit:hover {
    background-color: rgba(92,86,70,.6);
    cursor: pointer;
}
.backend .standardformular .uploadsubmit:hover {
	cursor: pointer;
	background-color: rgb(153,153,153);
}
.backend .standardformular .fadein {
	display: none;
}
.backend .uploadsvg {
  fill: black; 
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.backend .uploadsvg:hover {
  fill: rgb(102,102,102);
  width: 110px;
  height: 110px; 
}
.backend .button1 {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;	
    background-color: #56606C !important;
    border: 1px solid transparent;
    color: white !important;
    font-size: 1em;
	padding: 10px 25px !important;
	margin-left: 40px;
	width: auto !important;
	display: inline-block;
}
.backend .button3 {
    padding: 10px !important;
    margin-right: 10px;
    margin-top: 20px;
    border: none;
    color: white;
    background-color: #5F5949 !important;
    border-radius: 4px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    display: inline-block;
    font-size: 1em;
    font-family: 'PT Sans Narrow';
}
.backend .button3:hover {
    background-color: #766F5B !important;
    color: white;
    cursor: pointer;
}

.backend #upload_fieldset .button1 {
	margin-top: 50px;
	margin-left: 0px;
}
.backend .button1:hover {
	cursor: pointer;
	background-color: #838E9C !important;
	color: black;
}

.backend form.standard input.button1:hover, .backend form.standardUserEdit input.button1:hover, .backend form.standardVerstorEdit input.button1:hover {
	background-color: rgba(109,171,34,0.7);
}
.backend .imagesettings input.button1:hover {
	background: #5C5646;
}

.backend .changeImageSaving {
	background-color: #6dab22;
	border: none;
	color: white;
	padding: 4px 15px;
	font-size: 1em;
}
.backend .changeImageSaving:hover {
	background-color: rgba(109,171,34,0.7) !important;
	color: white !important;
}
/* Standardformular Upload ENDE */


.backend .tabs-menu, .backend .tabs-menu2 {
    display: block;
    list-style: outside none none;
    margin-bottom: 0;
}
.backend .subtabs-menu {
    display: block;
    list-style: outside none none;
    margin-bottom: 0;
	border-bottom: 1px solid rgba(204,204,204,1);
	margin-left: 0;
	height: 25px;
}
.backend .subtabs-menu li:first-child {
	margin-left: 1em;
}
.backend .tabs-menu li, .backend .tabs-menu2 li {
    display: inline-block;
    list-style: outside none none;
	margin: 0px;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.backend .subtabs-menu li {
    display: inline-block;
    list-style: outside none none;
    margin: 0px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
	font-size: 0.9em;
	font-weight: bold;
}
.backend .subtabs-menu li.current {
}

.backend .subtabs-container {
	margin: -20px;
}
.backend .tabs-menu, .backend .tabs-menu2 li:hover{
	cursor: pointer;
}
.backend .subtabs-menu li:hover{
	cursor: pointer;
}
.backend .tabs-menu li.current a, .backend .tabs-menu2 li.current a {
	background-color: #838E9C;
}
.backend .subtabs-menu li.current a {
    border-bottom: 5px solid rgba(92,86,70,1.00)
}

.backend .tabs-menu a, .backend .tabs-menu2 a {
  	color: white;  
	margin: 0px;
    padding: 10px 10px;
	background-color: #56606C;
    z-index: 1;
}
.backend .subtabs-menu a {
  	color: black;  
	margin: 0px;
    padding: 5px 10px;
    padding-bottom: 3px;
	display: inline-block;
}
.backend .tabs-menu a:hover, .backend .tabs-menu2 a:hover {
	background-color: #838E9C;
}
.backend .subtabs-menu a:hover {
	background: rgba(92,86,70,.05);
}

.backend .subtabs-container .tab {
    border: none;
	background-color: #f8fafb;
}
.backend .tab-content {
    display: none;
    padding: 20px;
	padding-top: 40px;
}
.backend .tab-content2 {
    padding: 20px;
	padding-top: 40px;
}
.backend .tab-content.anfrageDetailsFB, .backend .tab-content2.tab-content.anfrageDetailsFB {
    display: block;
    padding: 20px;
	padding-top: 40px;
}
.backend .subtab-content {
    display: none;
    padding: 20px;
	padding-top: 40px;
}
.backend #tab-1, .backend #zltab-1, .backend #REtab-1, .backend #FBtab-1, .backend #FBzltab-1, .backend #sztab-2, #rltab-1, #Ptab-1, #FBTab-1, .backend #SVBtab-1, .backend #FLtab-1 {
    display: block;
}
.backend #backendwrap {
	display: block;
	font-family: 'PT Sans Narrow' !important;
}
.backend #backenduser {
	display: block;
	background-color: #5C5646;
}
.backend #backenduser #editmode_uebersicht {
	height: 50px;
	width: 52px;
	display: block;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;	
	float: left;
}
.backend #backenduser #editmode_uebersicht svg {
	height: 50px;
	width: 52px;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;	
}
.backend #backenduser #editmode_uebersicht svg .simpleR_h {
	fill: #A0BF38;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;	
}
.backend #backenduser #editmode_uebersicht svg .simpleR_d {
	fill: #222221;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;	
}
.backend #backenduser #editmode_uebersicht svg:hover .simpleR_h {
	fill: #222221;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;	
}
.backend #backenduser #editmode_uebersicht svg:hover .simpleR_d {
	fill: #A0BF38;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;	
}
.backend #backenduser #editmode_menu {
	text-align: right;
	margin-right: 20px;
}
.backend #backenduser #editmode_menu a {
	padding: 10px 10px 10px 10px;
	display: inline-block;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	color: #E1E4E9;
}
.backend #backenduser #editmode_menu a:hover {
	cursor: pointer;
	color: #BCC1CD; 
}
.backend #backenduser #edit_seiteninfo {
	background: url(../img/icon-search.svg) no-repeat left center;
}
.backend #backenduser #edit_texte {
	background: url(../img/texte.svg) no-repeat center 50px;
}
.backend #backenduser #edit_beitraege {
	background: url(../img/icon-content.svg) no-repeat left center;
}

.backend #editmode_seiteninfo {
	display: none;
	width: 100%;
	background-color: rgb(239,255,236);
	margin-bottom: 30px;
	padding-bottom: 15px;
}
.backend #editmode_texte {
	background-color: rgb(239,255,236);
	padding-bottom: 25px;
	position: relative;
	display: none;
}
.backend #editmode_beitraege {
	background-color: rgb(239,255,236);
	padding-bottom: 25px;
	position: relative;
	display: none;
}
.backend .edit_articlewrapper {
	background-color: rgba(204, 204, 204, 0.6);
	width: 100%;
	margin: auto;
	display: table;
	margin-bottom: 30px;
}
.backend .edit_articleheadline {
	display: table-cell;
	vertical-align: middle;
	background-color: rgba(204, 204, 204, 0.6);
	text-align: center;
	width: 150px;
}
.backend .edit_articlecontent {
	margin-left: 50px;
	display: table-cell;
}
.backend #editmode_beitraege, #editmode_pageSettings {
	background-color: rgb(239,255,236);
	padding-bottom: 25px;
	position: relative;
	display: none;
}

.backend .edit_articlecontent .beitragContent {
	margin-left: 180px;
	margin-right: 50px;
	background: rgba(204, 204, 204, 0.4);
	min-height: 30px;
	max-height: 150px;
	overflow-y: scroll;
	padding: 20px;
	
}
.backend .tabs-menu {
    display: block;
    list-style: outside none none;
    margin-bottom: 0;
	height: 20px;
}
.backend .tabs-menu li {
    display: inline-block;
    list-style: outside none none;
	margin: 0px;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.backend .tabs-menu li:hover{
	cursor: pointer;
}
.backend .tabs-menu li.current a {
	background-color: #838E9C;
}

.backend .tabs-menu a {
  	color: white;  
	margin: 0px;
    padding: 10px 10px;
	background-color: #56606C;
    border-bottom: 5px solid transparent;
}
.backend .tabs-menu a:hover {
	background-color: #626D7B;
}

.backend .tab-content {
    display: none;
    padding: 20px;
	padding-top: 40px;
    border: 1px solid rgba(204,204,204,1);
}
.backend #tab-1 {
    display: block;
}



.backend .tempLanguages {
	margin: 10px;
	display: inline-block;
	padding: 25px 30px;
	font-size: 2em;
	font-weight: bold;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	margin-bottom: 20px;
}
.backend .tempLanguages.SpracheGesperrt {
	background-color: rgba(194,14,26,0.5);
	color: white;
}
.backend .tempLanguages.SpracheGesperrt:hover {
	background-color: rgba(194,14,26,0.6);
}
.backend .tempLanguages.SpracheOffen {
	background-color: rgba(146,191,31,0.5);
	color: white;
}
.backend .tempLanguages.SpracheOffen:hover {
	background-color: rgba(146,191,31,0.6);
}
#tableScheme2, .tableSchemesFootable  {
	opacity: 0;
}
.backend .SHSjahr select {
    padding: 10px;
    margin-bottom: 20px;
}
.backend .SHSjahr select:hover {
    cursor: pointer;
}
.backend #tableScheme2, .backend .tableScheme3, .backend .tableSchemesFootable, .SHS_korrespondenzen .tableScheme3 {
	width: 100%;
	box-sizing: border-box;
}
.backend .tableScheme3 {margin-bottom: 30px; }
.backend #tableScheme2 td img, .backend .tableSchemesFootable td img, .backend .tableScheme3 td img {
	width: 18px;
	height: 18px;
}
.backend #tableScheme2 thead, .backend .tableSchemesFootable thead, .backend .tableScheme3 thead {
	color: white;
	text-align: left;
}
.backend #tableScheme2 thead th, .backend #tableScheme2 thead tr, 
.backend .tableSchemesFootable thead th, .backend .tableSchemesFootable thead tr, 
.backend .tableScheme3 thead th, .backend .tableScheme3 thead tr {
	padding: 12px 12px;
	background-color: #56606C;
	font-weight: lighter;
	border-right: 4px solid white;
}

.backend #tableScheme2 thead th:last-child, .backend .tableSchemesFootable thead th:last-child, .backend .tableScheme3 thead th:last-child { border-right: none;}
.backend #tableScheme2 thead th:nth-child(1), .backend .tableSchemesFootable thead th:nth-child(1) {width: 50px;}

.backend #tableScheme2 tbody td, .backend .tableSchemesFootable tbody td, .backend .tableScheme3 tbody td {
    padding: 10px 12px;
	border: none;
	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box;
	border-spacing: 0px 0px;
	border-right: 4px solid white;
    vertical-align: middle;
}
.backend #tableScheme2.angeboteTable tbody tr:hover, .backend .tableSchemesFootable.angeboteTable tbody tr:hover {
	background-color: rgba(109,171,34,0.2);
	cursor: pointer;
}

.backend #tableScheme2 tbody td:last-child, .backend .tableSchemesFootable tbody td:last-child, .backend .tableScheme3 tbody td:last-child {border-right: none;}
.backend #tableScheme2 tbody tr:nth-child(odd), .backend .tableSchemesFootable tbody tr:nth-child(odd), .backend .tableScheme3 tbody tr:nth-child(odd) {background-color: rgba(92,86,70,0.3);}
.backend #tableScheme2 tbody tr:nth-child(even), .backend .tableSchemesFootable tbody tr:nth-child(even), .backend .tableScheme3 tbody tr:nth-child(even) {background-color: rgba(92,86,70,0.5);}
.backend #tableScheme2 tbody td img, .backend .tableSchemesFootable tbody td img, .backend .tableScheme3 tbody td img {
	width: 18px;
	vertical-align: bottom;
	margin-right: 4px;
}
.backend .angeboteTable.angebote tbody tr:nth-child(odd) { background-color: transparent !important;}
.backend .angeboteTable.angebote tbody tr:nth-child(even) { background-color: transparent !important;}
.backend .angeboteTable.angebote tbody tr td {border-bottom: 2px dotted rgba(92,86,70,0.3) !important;}
.backend .angeboteTable.angebote tbody tr:hover { background-color: rgba(92,86,70,0.1) !important;}
.backend #tableScheme2 tbody td img.sendMail, .backend .tableSchemesFootable tbody td img.sendMail {
	width: 25px;
}
.backend .footable tbody tr.MultipleSelected {background-color: rgba(92,86,70,0.1) !important;}
.backend #tableScheme2 a, .backend .tableSchemesFootable a, .backend .tableScheme3 a {
	color: black;
	text-decoration: underline;
}
.backend #tableScheme2 a:hover, .backend .tableSchemesFootable a:hover, .backend .tableScheme3 a:hover {
	color: rgba(102,102,102,1);
	text-decoration: underline;
	cursor: pointer;
}
.backend .tableScheme3 .sortArtikel tr:hover {
	cursor: move !important;
}
.backend .tableScheme3 .SHSpaketTitel {
    text-align: center;
}
.backend .tableScheme3 .SHSpreisVar {
    text-align: center;
    flex: 1 1 auto;
    font-size: 0.8em;
}
.backend .centerAlign {
    text-align: center;
}
.backend .RightAlign {
    text-align: right !important;
}
.backend .LeftAlign {
    text-align: left;
}
.backend .FontweightBold {
    font-weight: bold;
}
.backend .preistabelleVersandpreis {
    width: 100%;
}
.backend .preistabelleVersandpreis tbody tr:nth-child(odd), .backend .preistabelleVersandpreis tbody tr:nth-child(even) {
    background-color: inherit;
}
.backend .preistabelleVersandpreis tbody tr:last-child {
    border-top: 1px dotted rgba(92,86,70,0.7);
    border-bottom: 1px dotted rgba(92,86,70,0.7);
}
.backend .preistabelleVersandpreis tbody td {
    border-right: 1px dotted rgba(92,86,70,0.7);
    padding: 4px 10px;
}
.backend .widget .widgetContent.widgetTable table { width: 90%; text-align: left; margin: auto;}
.backend .widget .widgetContent.widgetTable table .comboTreeWrapper { width: 100%;}

.backend .widget .widgetContent li {
    margin-left: 0 ; 
    margin-right: 0; 
}
.backend .widget .widgetContent .footable-paging span {
    vertical-align: middle;
    color: black;
    font-size: 1em;
}
.backend .widget .widgetContent .footable-page.visible.active a {
	color: white !important;
}
.backend .widget .widgetContent table.footable > tfoot > tr.footable-paging > td > span.label {
    display: none;
}

.backend .widget .widgetContent .HVSkundenUmsatz {
	width: 90%;
	margin: auto;
}
.backend .widget .widgetContent .HVSkundenUmsatz tbody td:first-child {
	text-align: left;
}
.backend .widget .widgetContent .HVSkundenUmsatz tbody td:last-child {
	text-align: right;
}


.backend #infoWrapper {
    display: flex;
    flex-wrap: wrap;
}

.backend #infoWrapper table {
	width: 100%;
}
.backend #infoWrapper table thead {
	background-color: rgba(92,86,70,1.00);
    color: white;
}
.backend #infoWrapper table thead h2 {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 1.2em;
}
.backend #infoWrapper table tbody {
	background-color: white;
	font-size: 1.1em;
}
.backend #infoWrapper table tbody td.seperator {
	padding-top: 20px;
}
.backend #infoWrapper table tbody td:first-child {
	width: 180px;
}
.backend #infoWrapper table tbody td:nth-child(2) {
	color: rgba(43,43,43,1.00);
}
.backend #infoWrapper table tbody td {
	padding: 5px 10px;
}
.backend .alertColor {
    color: firebrick;
}




.backend .titlegalleryinputDE {
	margin-bottom: 20px;
}
.backend .imagepreviewSingle {
	border-bottom: 1px solid rgba(86, 96, 108, 0.8);
}


.backend .savemenu {
	text-align: right;
	margin-right: 50px;
}
.backend .edit_articlecontent .tablestyle.edit {
	margin-top: 30px;
	margin-bottom: 50px;
}
.backend .edit_articlecontent .tablestyle {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}
.tablestyle.boxed {
    background-color: #f8fafb;
    margin-bottom: 40px;
    padding: 20px;
}
.tablestyle.boxed p {
    margin-left: 30%; 
    padding-left: 5px;
}
.backend .edit_articlecontent .tablestyle label {

	display: table-cell;
	vertical-align: middle;
}
.backend .edit_articlecontent form.standardUserEdit input, .backend .edit_articlecontent form.standardUserEdit textarea, .backend .edit_articlecontent form.standardVerstorEdit input, .backend .edit_articlecontent form.standardVerstorEdit textarea {
	width: 100%;
}
.backend .edit_articlecontent form.standard input.button1, .backend .editmode_seiteninfo input.button1 {
    margin-left: 180px;
	width: auto;
}
.backend .edit_articlecontent form.standard input.button1 {
    margin-left: 50px;
	width: auto;
}
.backend .edit_articlecontent form.standardUserEdit input.button1, backend .edit_articlecontent form.standardVerstorEdit input.button1 {
    margin-left: 180px;
	width: auto;
}
.backend .edit_articlecontent form.standardUserEdit input.button1, .backend .edit_articlecontent form.standardVerstorEdit input.button1 {
    margin-left: 50px;
	width: auto;
}
.backend #editmode_seiteninfo .button1 {
	margin-left: 260px;
}
.backend .edit_articlecontent form.standard label {
    width: 100px;
}
.backend .edit_articlecontent form.standardUserEdit label, .backend .edit_articlecontent form.standardVerstorEdit label {
    width: auto;
}
.backend .button2, .backend a.button2, a.button2 {
	padding: 10px !important;
    margin-right: 10px;
    margin-top: 20px;
	border: none; 
    color: white;
    background-color: #746D59;
	border-radius: 4px;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	display: inline-block;
    font-size: 1em;
    font-family: 'PT Sans Narrow';
}
.backend .button2.icon-speichern {
    background-image: url("../img/icon-speichern.svg");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    padding-left: 35px;
}
.backend .btn-noMarginLeft {
    margin: 0;
}
.backend .btn-MarginBottom {
    margin-bottom: 30px;
}

.backend .button2.deletebutton, a.button2.deletebutton {
	color: #c20e1a;
	border: 2px solid #c20e1a;
}
.bottommenu .button2, .backend .button2 a.button2{
	padding: 10px;
	margin: 20px;
	border: 2px solid #E1E4E9;
	border-radius: 4px;
	color: #E1E4E9;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	background: none;
	display: inline-block;
    font-size: 1em;
    font-family: 'PT Sans Narrow';
}
.backend .button2.button2BorderVariante {
    background: none;
    border: 1px solid rgba(92,86,70,1.00);
    color: rgba(92,86,70,1.00);
}
.backend .button2.button2BorderVariante:hover {
    border: 1px solid rgba(92,86,70,1);
    background-color: rgba(92,86,70,.15);
}
.backend .button2:hover, .bottommenu .button2:hover, .backend a.button2:hover {
	cursor: pointer !important;
    background-color: #a8a18d;
    font-size: 1em;
    font-family: 'PT Sans Narrow';
}
.backend.fancyboxFrame {
	padding: 0px 24px;
	background-color: #e7e9ea;
    overflow: hidden;
}
.backend.fancyboxFrame h1 {
	padding-top: 20px;
}
.backend #userEdit {
	display: none;
	width: 900px;
}
.backend .newHVSkunde {
	width: 200px;
	height: 100px;
	background-color: rgba(132,176,65,1.00);
	text-align:  center;
	display: inline-block;
	margin: 40px;
	vertical-align: top;
	color: white !important;
	padding-top: 60px;
	font-size: 1.3em;
}
.backend .newHVSkunde:hover {
	background-color: rgba(132,176,65,0.8);
}
.backend .newHVSkundenkunde {
	width: 200px;
	height: 110px;
	background-color: rgba(112,108,70,1.00);
	text-align:  center;
	display: inline-block;
	margin: 40px;
	vertical-align: top;	
	color: white !important;
	padding-top: 50px;
	font-size: 1.3em;

}
.backend .newHVSkundenkunde:hover {
	background-color: rgba(112,108,70,0.8);
}
.backend .fancyboxWindowWrapper {
	opacity: 0;
    background-color: #f8fafb;
	width: 70% !important;
    max-width: 1000px;
	transform: translateY(-50px);
	transition: all .3s;
}
.backend .fancyboxWindowWrapper.anfrageWrapper {
    width: 90% !important;
    max-width: 90%;
}
.backend .fancyboxWindowWrapper2 {
	width: 70% !important;
	transform: translateY(-50px);
	transition: all .3s;
}
.backend .fancybox-slide--complete .fancyboxWindowWrapper {
	opacity: 1;
	transform: translateY(0);
}
.backend #fancyboxAlert {
	opacity: 0;
	transform: translateY(-50px);
	transition: all .3s;
}
.backend #fancyboxAlert {padding: 20px; max-width: 500px;}
.backend #fancyboxAlert.padd {padding: 0px;}
.backend #fancyboxAlert.fancyboxWindowWrapper2 { background-color: rgba(240,240,240,1.00);}
.backend #fancyboxAlert .AlertTitle {
    padding: 50px 30px;
    text-align: center;
    background-color: white;
}
.backend #fancyboxAlert .AlertTitle i {
    color: rgba(130,37,30,1);
    margin-bottom: 10px;
    font-size: 1.3em;
}
.backend #fancyboxAlert .AlertTitle.success i {
    color: rgba(92,86,70,1.00);
    margin-bottom: 10px;
    font-size: 1.3em;
}
.backend #fancyboxAlert .AlertTitle h3 {
    color: rgba(130,37,30,1);
    font-size: 1.3em;
}
.backend  #fancyboxAlert .AlertTitle.success h3 {
    color: rgba(92,86,70,1.00);
    font-size: 1.3em;
}
.backend #fancyboxAlert .AlertContent { padding: 50px 30px; }
.backend .buttonWrapper {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 0px;
    text-align: center;
}
  .backend #ausstellung-dialog { display: none; width: 490px;}

  .backend #entry-title {
    width: 100%;
    padding: 6px;
    margin-bottom: 0.5em;
    font-size: 1.1em;
    box-sizing: border-box;
      border: none;
      border-left: 5px solid #5C5646;
      border-bottom: 1px solid #5C5646;
  }
.backend #entry-title:focus {
  outline: none;
  box-shadow: none;
  /* optional: Rahmen-Farbe beibehalten oder anpassen */
      border-left: 5px solid #5C5646;
      border-bottom: 1px solid #5C5646;
}
.backend #entry-label {
    border: none;
    border-bottom: 1px dotted #5C5646;
    padding: 6px;
    font-size: 16px;
}
.backend #entry-label:focus {
  outline: none;
  box-shadow: none;
}
  .backend #entries {
    list-style: none;
    padding: 0;
    margin: 0;
      margin-top: 3em;
  }
  .backend #entries li.entry-item {
    padding: 4px 8px;
    border: 1px solid #ccc;
    margin-bottom: 4px;
    cursor: move;
    position: relative;
    margin-left: 0px;
    background-color: rgba(116, 109, 89, .24);
  }

  .backend #entries li .handle {
    margin-right: 8px;
    cursor: move;
  }

  .backend #entries li .remove-entry {
    position: absolute;
    right: 4px;
    top: 4px;
    background: transparent;
    border: none;
    font-size: 1em;
    cursor: pointer;
  }

  .backend .dialog-controls {
    margin-top: 3em;
  }
  .backend .dialog-controls i {
    font-size: 1.3em;
      padding: 3px;
  }
  .backend .dialog-controls i:hover {
    cursor: pointer;
  }

  .backend .dialog-footer {
    margin-top: 1.5em;
    text-align: right;
  }

.backend .buttonWrapper a { flex: 1 1 auto; margin: 0; border-radius: 0; width: 100%;}
.backend .fancybox-slide--iframe .fancybox-content {
    width: 80% !important;
    max-width: 1200px;
}
.backend .fancybox-slide--complete #fancyboxAlert {
	opacity: 1;
	transform: translateY(0);
}
@-webkit-keyframes slide-down{
  0% {
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes slide-down{
  0% {
    margin-top: -3em;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes spinningAnim { 100% { transform: rotate(360deg); } }
@keyframes spinningAnim { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.backend #backend_frame, .backend #userEdit {
	font-family: 'PT Sans Narrow'; 
	padding: 20px 0px;
}
.FBbuttonButtom #backend_frame {
    padding-bottom: 0;
}
.backend #backend_frame .edit_articlewrapper {
	background: none;
}
.backend #backend_frame h1, .backend #fancyboxAddservice h1 {
	font-weight: lighter;
	border-bottom: 1px solid rgba(92,86,70,1.00);
}
.backend #kundenEDIT  h1 {
    background-color: inherit;
    font-weight: lighter;
}
.backend #kundenEDIT h1 span {
    font-size: 0.5em;
	display: inline-block;
	float: right;
	margin-top: 8px;
	margin-right: 20px;
}
.backend #kundenEDIT .returnKundenuebersicht {
	margin: 10px;
	margin-bottom: 30px;
	display: block;

}
.backend .fancyboxWindowWrapper h1,  .backend .fancyboxWindowWrapper2 h1 {

    border-bottom: 1px solid rgba(92,86,70,1);
    font-weight: lighter;
}
.backend .mainwrapper .servicesWrapper {
	list-style: none;
	margin: 0px;
}
.backend .mainwrapper .servicesWrapper li {
	margin: 0px;
	padding: 10px;
	box-sizing: border-box;
}
/* Iphone-Switcher */
.backend .switcherWrapper {
	height: 50px;
	margin-left: 51%;
 }
.backend .switcherText{
    display: inline-block;
    float: left;
    margin-top: 5px;
    vertical-align: middle;
	font-weight: bold;
}
.backend .switcherWrapper div,
.backend .standardVerstorEdit .switcherWrapper div {
	float: left;
 }
.backend input.switcherToggle, .backend .standardVerstorEdit input.switcherToggle {
  max-height: 0;
  max-width: 0;
  opacity: 0;
  margin: 0;
  position: absolute;
}
.backend input.switcherToggle + label, .backend .standardVerstorEdit input#switcherToggle + label {
  display: block;
  position: relative;
  box-shadow: inset 0 0 0px 1px #d5d5d5;
  text-indent: -5000px;
  height: 30px;
  width: 50px;
  min-width: 0;
  border-radius: 15px;
}

.backend input.switcherToggle + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: rgba(19, 191, 17, 0);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.backend input.switcherToggle + label:after {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0px;
  border-radius: 15px;
  background: white;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.backend input.switcherToggle:checked + label:before {
  width: 50px;
  background: rgba(92,86,70,1);
}
.backend input.feature_input {
    padding: 5px 10px; border: 1px solid lightgray;
}
.backend input.switcherToggle:checked + label:after {
  left: 20px;
  box-shadow: inset 0 0 0 1px rgba(92,86,70,1), 0 2px 4px rgba(0, 0, 0, .2);
}
.backend .switcherClass:hover {
	cursor: pointer;
}


.backend .progress--medium {
	font-size: 0.8em;
	line-height: 1em;
}
.backend .fortschritt {
    font-size: 0.8em;
}
.backend .progress {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #849397;
}
.backend .progress > li {
  position: relative;
  display: table-cell;
  text-align: center;
}
.backend .progress > li a:hover {
	text-decoration: none;
}
.backend .progress > li:before {
  content: attr(data-step);
  display: block;
  margin: 0 auto;
  background: #dfe3e4;
  width: 3em;
  height: 3em;
  text-align: center;
  margin-bottom: 0.25em;
  line-height: 3em;
  border-radius: 100%;
  position: relative;
  z-index: 1000;
}
.backend .progress > li:after {
  content: '';
  position: absolute;
  display: block;
  background: #dfe3e4;
  width: 100%;
  height: 0.5em;
  top: 1.25em;
  left: 50%;
  margin-left: 1.5em \9;
}
.backend .progress > li:last-child:after {
  display: none;
}
.backend .progress > li.is-complete {
  color: #92BF1F;
}
.backend .progress > li.is-complete a {
  color: #92BF1F;
}
.backend .progress > li.is-complete:before, .backend .progress > li.is-complete:after {
  color: #fff;
  background: #92BF1F;
}
.backend .progress > li.is-active {
  color: rgba(92,86,70,1);
}
.backend .progress > li.is-active:before {
  color: #fff;
  background: rgba(92,86,70,1);
}
/**
 * Needed for IE8
 */
.backend .progress__last:after {
  display: none !important;
}
/**
 * Size Extensions
 */
.backend .progress--medium {
  font-size: 1.2em;
}



.backend .kundennachrichten {
	position: relative;
}
.backend .mainmessage {
	background: white;
	width: 100%;
	box-sizing: border-box;
	padding: 30px;
	-ms-overflow-style: none;
	margin-bottom: -5px;
}
.backend .messageWrapper {
	position: relative;
	width: 100%;
}
.backend .messagesRight {
	margin-left: 50%;
	margin-right: 60px;
	margin-bottom: 30px;
}
.backend .messagesLeft {
	margin-bottom: 30px;
	width: 50%;
	margin-left: 60px;
}
.backend .messagesRight .messageWrapper .userarrow {
	position: absolute;
	right: -49px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 0;
	border-color: white transparent transparent transparent;
}
.backend .messagesLeft .messageWrapper .userarrow {
	position: absolute;
	left: -49px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50px 50px 0;
	border-color: transparent white transparent transparent;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);
}
.backend .messageDate {
	margin-bottom: 10px;
	margin-top: 60px;
	color: gray;
}
.backend .messageDate p {
	text-align: right;
}
.backend .message_footer {
	background: #F4F2F0;
}
.backend .kundennachrichten textarea {
	background: white;
	width: 100%;
	border: none;
	resize: vertical;
	min-height: 180px;
	box-sizing: border-box;
	padding: 30px;
	font-family: inherit;
}



/* Iphone-Switcher ENDE */


.backend .kundenMassageWrapper {
	background: white;
	border-left: 5px solid #46B450;
	position: relative;
	display: block;
	margin-bottom: 10px;
}
.backend .kundenMassageWrapper .kundenMessage_dateiinfo {
	padding: 10px;
	padding-left: 20px;
	display: block;
	float: left;
}
.backend .kundenMassageWrapper .kundenMessage_fadeOutbutton {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}
.backend .kundenMassageWrapper .kundenMessage_fadeOutbutton:hover {
	cursor: pointer;
}
.backend.kundenlogin .kundenMassageWrapper .kundenMessage_fadeOutbutton svg .closeBhovering {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	fill: #882B86 !important;
}
.backend.kundenlogin .kundenMassageWrapper .kundenMessage_fadeOutbutton svg:hover .closeBhovering {
	fill: #46b450 !important;
}
.backend .kundenMassageWrapper .kundenMessage_fadeOutbutton svg:hover .closeBhovering {
	fill: #46b450 !important;
}

.backend .mainwrapper #sortable li:hover {
	cursor: move;
}
.backend .mainwrapper .servicesWrapper li:nth-child(odd) {
	background-color: rgba(92,86,70,0.5);
}
.backend .mainwrapper .servicesWrapper li:nth-child(even) {
	background-color: rgba(92,86,70,0.3);
}
.backend .mainwrapper .servicesWrapper .serviceEdit {
	float: right;
}
.backend .mainwrapper .servicesWrapper .serviceEdit a {
	padding-left: 25px;
	background-position: left center;
	background-size: 20px;
	background-repeat: no-repeat;
	margin-right: 15px;
}
.backend .mainwrapper .servicesWrapper .serviceEdit a:hover {
	cursor: pointer;
}
.backend .mainwrapper .servicesWrapper .serviceEdit a.ansicht {
	background-image: url(../img/icon_servicesAnsicht.svg);
}
.backend .mainwrapper .servicesWrapper .serviceEdit a.bearbeiten {
	background-image: url(../img/icon_servicesBearbeiten.svg);
}
.backend .mainwrapper .bildWrapper .bildWrapper_content a {
	padding-left: 25px;
	background-position: left center;
	background-size: 20px;
	background-repeat: no-repeat;
	margin-left: 8px;
	cursor: pointer;
	margin-bottom: 10px;
	display: block;
}
.backend .mainwrapper .bildWrapper .bildWrapper_content a {
	background-image: url(../img/icon_servicesBearbeiten.svg);
	margin-bottom: 5px;
}
.backend .mainwrapper .bildWrapper .bildWrapper_content a.loeschen {
    background-image: url(../img/fehler2.svg);
}

.backend .mainwrapper .servicesWrapper .serviceEdit a.loeschen {
	background-image: url(../img/fehler.svg);
}
.backend .angebotstabelle {
	width: 100%;
	text-align: left;
}
.backend .angebotstabelle thead {
	background-color: rgba(92,86,70,.4);
}
.backend .angebotstabelle thead th {
	padding: 10px 15px;
	border-right: 1px solid white;
}
.backend .angebotstabelle thead th:last-child {
	border: none;
}
.backend .angebotstabelle tbody tr:nth-child(odd) {
	background-color: rgba(92,86,70,.20);
	font-size: 1.3em;
}
.backend .angebotstabelle tbody tr:nth-child(even) {
	background-color: rgba(92,86,70,.10);
	font-size: 1.3em;
}
.backend .angebotstabelle tbody tr td {
	padding: 35px 15px;
	border-right: 1px solid rgba(255,255,255,0.2);
}
.backend .angebotstabelle tbody tr td:last-child {
	border-right: none;
}
.backend .angebotstabelle tbody tr td:first-child {
	font-weight: bold;
}
.backend .verkaufartikelTable tbody td img { vertical-align: middle; width: 70px;}
.backend .bildWrapper {
	width: 150px;
	margin-right: 5px;
	margin-bottom: 10px;
	display: inline-block;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	text-align: left;
}
.backend .verkaufartikelTable .mengenInput {display: flex;}
.backend .verkaufartikelTable .mengenInput p {margin: auto !important;}
.backend .verkaufartikelTable input[name="artikelPreis"], .verkaufartikelTable  select[name="artikelMenge"], .backend .verkaufartikelTable select[name="artikelgroesse"] { width: 120px !important; }
.backend .ShoppingCartDisplayFooter.verkaufartikelTable span {
    font-size: 0.8em !important;
    float: none !important;
}
.backend .ShoppingCartDisplayFooter.verkaufartikelTable .borderTopBottom {
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}
.backend .bildWrapper:hover {
	opacity: 0.9;
}

.backend .bildWrapper .heading {
	background-color: #56606c;
	padding: 12px;
	color: white;
	overflow: hidden;
}
.backend .bildWrapper .bildWrapper_image {
	line-height: 0;
	padding-bottom: 10px;
	background-color: rgba(86, 96, 108, 0.3);
	text-align: center;
}
.backend .bildWrapper .bildWrapper_image img {
	width: 150px;
	height: 100px;
}
.backend .bildWrapper .bildWrapper_content {
	background-color: rgba(86, 96, 108, 0.3);
	padding-bottom: 5px;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.backend .bildWrapper .bildWrapper_content a {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

.backend #fancyboxAddservice {
	background-color: #e7e9ea;
	display: none;
	height: 100%;
	overflow: scroll;
}


.backend .roomWrapper {
	display: block;
	background-color: white;
	margin-bottom: 40px;
}
.backend .roomWrapper h3 {
	background-color: rgba(0, 87, 80, 0.4);
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 15px;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.backend .roomWrapper h3:hover {
	background-color: rgba(0, 87, 80, 0.4);
	cursor: pointer;
}

.backend .roomsForm textarea {
	background-color: rgba(0, 87, 80, 0.1);
	display: block;
	width: 100%;
	border: none;
	resize: none;
	height: 150px;
	margin-bottom: 20px;
    font-family: "PT Sans Narrow";
    font-size: 1em;
    padding: 10px;
	box-sizing: border-box;
}
.backend .roomsForm .roomContent {
	margin-bottom: 40px;
	padding: 20px;
	padding-bottom: 0px;
	position: relative;
}
.backend .roomsForm .roomdescription {
	width: 40%;
	padding-top: 40px;
	float: left;
}
.backend .roomsForm .preisstufenWrapper {
	width: 60%;
	padding-top: 40px;
	padding-left: 30px;
	box-sizing: border-box;
	float: left;
}
.backend .roomsForm .editDisabled, .backend .roomsForm .inputstufe.editDisabled {
	background: rgba(102, 102, 102, 0.2) !important;
}
.backend .roomsForm .addPreisstufe {
	margin-top: 30px;
	text-align: left;
}
.backend .roomsForm .delRoom {
	margin-top: 30px;
	text-align: right;
	margin-bottom: 30px;
}
.backend .roomsForm .roomContent .verfuegbarkeitTable {
	width: 100%;
	display: block;
}
.backend .roomsForm .roomContent .verfuegbarkeitTable thead tr {
	width: 100%;
}
.backend .roomsForm .roomContent .verfuegbarkeitTable  tbody tr {
	width: auto !important;
	border-bottom: 2px solid white;
}
.backend .roomsForm .roomContent .verfuegbarkeitTable thead th {
	width: 20px;
	border: 1px solid transparent;
}
.backend .roomsForm .roomContent .verfuegbarkeitTable thead th:first-child {
	width: 120px;
}
.backend .roomsForm .roomContent .verfuegbarkeitTable td{
	text-align: center;
	padding-bottom: 4px;
	padding-top: 4px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	width: 20px;
}
.backend .roomsForm .roomContent .verfuegbarkeitTable td:first-child {
	width: 120px;
	border: none;
	background-color: rgba(204,204,204,1);
}
.backend .roomsForm .roomContent .verfuegbarkeitTable td.av {
	background-color: rgba(109, 171, 34, 0.2);
	cursor: pointer;
}
.backend .roomsForm .roomContent .verfuegbarkeitTable td.av.wehightlighted {
	background-color: rgba(109, 171, 34, 0.4);
}
.backend .roomsForm .roomContent .verfuegbarkeitTable td.av:hover, .backend .roomsForm .roomContent .verfuegbarkeitTable td.noAv:hover {
	cursor: pointer;
}

.backend .roomsForm .roomContent .verfuegbarkeitTable td.noAv {
	background-color: rgba(225,11,25,0.2);
	cursor: pointer;
}
.backend .roomsForm .roomContent .verfuegbarkeitTable td.noAv.wehightlighted {
	background-color: rgba(225,11,25,0.3);
}

.backend .verfuegbarkeitTable .ui-selecting { background: #FECA40 !important; }
.backend .verfuegbarkeitTable .ui-selected { background: #F39814 !important; color: white; }
.backend .verfuegbarkeitTable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.backend .verfuegbarkeitTable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }

.backend .roomsForm .roomContent .verfuegbarkeitTable td.pastDay {
	color: gray;
	font-style: italic;
	background-color: rgba(86, 96, 108, 0.2) !important;
}
.backend .prev.slick-arrow {
	width: 20px;
	height: 20px;
}

.backend .notDeletable {
   pointer-events: none;
   cursor: default;
   border-color: rgba(204,204,204,1) !important;
   color: rgba(204,204,204,1) !important;
}
.backend .roomsForm .preisstufenWrapper .stufe .inputStufe {
	width: 150px;
	background-color: rgba(0, 87, 80, 0.1);
    border: 1px solid transparent;
    font-family: "PT Sans Narrow";
    font-size: 1em;
    margin: 10px;
    padding: 10px;
    transition: all 0.3s ease 0s;
	float: none;
	display: inline;
}
.backend .roomsForm .roomName {
	border: none;
	padding: 10px;
	font-size: 1em;
	font-weight: bold;
}
.backend .roomsForm .roomName.editDisabled {
	background: none !important;
	color: black;
}
.backend .clearable{
  background: rgba(255,255,255,0.2) url(../img/icon-close.svg) no-repeat right -12px center;
  background-size: 10px;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
  transition: background 0.4s;
}
.backend .clearable.x  { background-position: right 10px center; }
.backend .clearable.onX{ cursor: pointer; }
.backend .clearable::-ms-clear {display: none; width:0; height:0;}

.backend .roomsForm .preisstufenWrapper .stufe a.delPS {
	background: url("../img/fehler.svg") no-repeat scroll left center;
    color: #c20e1a;
    margin: 10px 10px 10px 0;
    padding: 10px 10px 10px 30px;
    transition: all 0.2s linear 0s;

}
.backend .roomsForm .preisstufenWrapper .stufe {
}

.kennzahlenWrapper {
	margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}

.backend .saisonWrapper {
	display: block;
	background-color: rgba(86, 96, 108, 0.15);
	margin-bottom: 20px;
	padding: 20px;
}
.backend .saisonWrapper .saisonsName, .backend .saisonWrapper .jahreszeit  {
	float: left;
}
.backend .saisonWrapper .jahreszeit  {
	margin-left: 40px;
}
.backend .saisonWrapper .startzeit, .backend .saisonWrapper .endzeit  {
	width: 40%;
	float: left;
}
.saisonsName input, .jahreszeit select {
    background: rgba(109, 171, 34, 0.2) none repeat scroll 0 0;
    border: 1px solid transparent;
    box-sizing: border-box;
    font-family: "PT Sans Narrow";
    font-size: 1em;
    margin: 10px;
    padding: 10px;
    resize: none;
    transition: all 0.3s ease 0s;
    width: 150px;
}
.backend .saisonWrapper .zeitraumeWrapper input, .backend .saisonWrapper .zeitraumeWrapper select {
    background-color: rgba(109, 171, 34, 0.2);
    border: 1px solid transparent;
    box-sizing: border-box;
    font-family: "PT Sans Narrow";
    font-size: 1em;
    margin: 10px;
    padding: 10px;
    resize: none;
    transition: all 0.3s ease 0s;
    width: 50%;
}
.backend .saisonWrapper .zeitraumeWrapper {
	margin-left: 20%;
}
.saisonsName input.editDisabled, .jahreszeit select.editDisabled, .backend .saisonWrapper .zeitraumeWrapper input.editDisabled {
	background-color: rgba(102,102,102,0.2) !important;
}
.backend .saisonWrapper .zeitraumeWrapper .periode {
	width: 100%;
	clear: both;
	position: relative;
}
.backend .saisonWrapper .zeitraumeWrapper .periode .deleteTimeRange {
	float: left;
}
.backend .saisonWrapper .zeitraumeWrapper .addTimeRange {
    clear: both;
    padding-bottom: 10px;
    padding-top: 40px;
    text-align: right;
}

.backend .saisonWrapper .zeitraumeWrapper .periode .deleteTimeRange a {
	padding: 10px;
	padding-left: 30px;
	background: url(../img/fehler.svg) no-repeat left center;
	margin: 10px;
	margin-left: 0px;
	display: block;
	color: #c20e1a;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.SHS_korrespondenzen .tableScheme3.textbausteine h4 {
    margin: 0.5em 10px;
}
.SHS_korrespondenzen .tableScheme3.textbausteine i {
    font-size: 1.2em;
}
.SHS_korrespondenzen .tableScheme3.textbausteine i:hover {
    color: #e1e4e9;
}

.backend .saisonWrapper .zeitraumeWrapper .periode .deleteTimeRange a:hover, .backend .roomsForm .preisstufenWrapper .stufe a.delPS:hover {
	color: #F14552;
	cursor: pointer;
}

.backend .saisonWrapper .zeitraumeWrapper .zeitraume {
	padding-top: 40px;
}
.backend .roomWrapper .preistabelle {
	width: 100%;
}
.backend .roomWrapper .preistabelle th, .backend .roomWrapper .preistabelle td {
	padding: 10px 30px;
	text-align: center;
	line-height: 1.5em;
}
.backend .roomWrapper .preistabelle thead th {
	background-color: rgba(0, 87, 80, 0.3);
	padding-top: 10px;
	padding-bottom: 10px;
}
.backend .roomWrapper .preistabelle tbody tr:nth-child(odd) {
	background-color: rgba(0, 87, 80, 0.2);
}
.backend .roomWrapper .preistabelle tbody tr:nth-child(even) {
	background-color: rgba(0, 87, 80, 0.1);
}
.backend .roomWrapper .preistabelle input {
	padding: 5px 10px;
	border: none;
	margin-bottom: 2px;
	background-color: rgba(255,255,255,0.5);
	border-radius: 3px;
}
.backend .artikelpreisTable { width: 100%;} 
.backend .artikelpreisTable { width: 100%;} 
.backend .templateWrapper {
    margin-bottom: 50px;
}
.backend .templateWrapper h3 {
    margin: 0;
    margin-left: 5px;
}
.backend .templateWrapper .templateTable {
    width: 100%;
} 
.backend .templateWrapper .templateTable tbody {
} 
.backend .templateWrapper .templateTable tbody tr {
    border-bottom: 1px dotted rgba(168, 101, 98, 0.5);
} 
.backend .templateWrapper .templateTable tbody tr:last-child {
    border-bottom: none;
} 
.backend .templateWrapper .templateTable tbody tr td {
    padding: 5px;
} 
.backend .templateWrapper .templateTable tbody tr td select {
    border: 1px solid rgba(80,96,113,.4);
    padding: 3px 10px;
    display: inline-block;
    background-color: rgba(80,96,113,.06);
    font-family: 'PT Sans Narrow';
    font-size: 1em;
} 
.backend .AMR_templateWrapper .templateTable tbody tr td span svg {
    width: 30px;
    height: 30px;
} 

.backend .edit_pageBilderWrapperOuter {
}
.backend .edit_pageBilderWrapperInner {
}
.backend .edit_pageBilderWrapperInner p.USsection {
	font-size: 1.2em;
	margin-top: 10px;
}
.backend .edit_pageBilderWrapperInner #pageImageOutput {
}
.backend .edit_pageBilderWrapperInner #pageImageOutput ul#sortableImages {
	list-style: none;
	padding-bottom: 30px;
}
.backend .edit_pageBilderWrapperInner #pageImageOutput ul#sortableImages li {
	display: inline-block;
	line-height: 0px;
	margin: 0px 6px;
}
.backend .edit_pageBilderWrapperInner #pageImageOutput ul#sortableImages li img {
	width: 160px;
	height: 120px;
	line-height: 0px;
}
.backend .edit_pageBilderWrapperInner #pageImageOutput ul#sortableImages li img:hover {
	cursor: move;
}
.backend .allImagesWrapper {
}
.backend .allImagesWrapper ul {
	list-style: none;
}
.backend .allImagesWrapper ul li {
	list-style: none;
	margin: 10px;
	display: inline-block;
}
.backend .allImagesWrapper ul li img {
	width: 160px;
	height: 120px;
	display: block;
}
.backend .allImagesWrapper ul li img:hover {
	cursor: pointer;
}
.backend .allImagesWrapper ul li input {
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
}
.backend .allImagesWrapper ul li label {
	width: 100px;
}
.backend .sterbebildWrapper {
    background-color: rgba(131,142,156,0.2);
    padding-top: 1px;
    padding-bottom: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.backend .sterbebildWrapper h2 {
	margin-bottom: 30px;
}
.backend .sterbebildWrapper .selectedSterbebildIMG {
	margin: 10px auto 20px;
	display: block;
}
.backend .delIcon {
	margin: 10px;
	display: inline-block;
}
.backend .delIcon:hover {
	cursor: pointer;
}

.backend ul.stepWrapper {
	list-style: none;
	background-repeat:  no-repeat;
	background-size: 100%;
	width: 100%;
	display: block;
	height: 53px;
	color: darkgray;
	font-size: 1.1em;
	max-width: 990px;
	margin: 0;
}
.backend ul.stepWrapper .activeStep {
	color: white;
}
.backend ul.stepWrapper .finishedStep a::after {
	content: '\2714';
	margin-left: 10px;
}
.backend ul.stepWrapper.step1 {
	background-image: url(../bilder/3erSteps_schritt1.svg);
}
.backend ul.stepWrapper.step2 {
	background-image: url(../bilder/3erSteps_schritt2.svg);
}
.backend ul.stepWrapper.step2 {
	background-image: url(../bilder/3erSteps_schritt3.svg);
}
.backend ul.stepWrapper li {
	box-sizing: border-box;
    width: 31%;
	display: inline-block;
	margin: 0;
}
.backend ul.stepWrapper li a {
	padding: 15px 0px 10px 0px;
	display: block;
	text-align: center;
}
.backend ul.stepWrapper li a:hover {
	color: white;
}

.backend #stepContentWrapper {
	padding: 40px 0;
}
.backend table.HVSindividualumsatz {
	width: 90%;
    margin: auto;
	margin-top: 40px;
}
.backend table.HVSindividualumsatz td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.backend table.HVSindividualumsatz td:first-child {
	text-align: left;
}
.backend table.HVSindividualumsatz td:last-child {
	text-align: right;
}
.backend .containerWrapping {
	padding: 20px 0;
	margin: 30px 0;
	background-color: rgba(255,255,255,.3);
}
.backend .UserRolesWrapper .single2 {
	text-align: center;
}

.backend .UserRolesWrapper .single2 label {
	padding: 0px 10px;
    font-weight: bold;
}
.backend .UserRolesWrapper .single2 select {
	background-color: rgba(2,47,64,0.17);
    padding: 7px 13px;
    border: none;
}

.backend form.kinderpreiseForm .kinderpreise tr input {
    width: 50px;
    padding: 5px 10px;
    margin-right: 10px;
	margin-left: 10px;
	border: 1px solid rgba(204,204,204,1);
}
.backend table.kinderpreise {
	margin: auto;
}
.backend form.kinderpreiseForm .kinderpreise tr td:nth-child(2) input {
	margin-left: 30px;
}
.backend form.kinderpreiseForm .kinderpreise label {
    width: 50px;
	display: inline-block;
    margin-right: 10px;
}
.backend #abhollandSwitcher, .backend .abhollandSwitcher {
    width: 300px;
}
.backend .offerPaketeW .paketdienstleisterIMG {
    width: 100px;
    vertical-align: middle;
}
.backend .offerPaketeW .paketV {
    flex: 1 1 auto;
    background-color: rgba(255,255,255,0.4);
    margin: 5px;
    min-width: 30%;
    max-width: 300px;
}
.backend .offerPaketeW tr:hover {
    background-color: rgba(223,227,228,0.2);
    cursor: pointer;
}
.backend .offerPaketeW .paketV .paketTitel{
    padding: 10px 5px;
    background-image: url("../bilder/info-point.svg");
    background-position: center 35px;
    background-repeat: no-repeat;
    padding-bottom: 15px;
    text-align: center;
    background-color: rgba(6,151,204,.3)
}
.backend .offerPaketeW .paketV .paketContent{
    padding: 20px 5px 10px 5px;
    background-color: rgba(6,151,204,.07);
}
.backend .offerPaketeW .paketV .paketContent ul {
    list-style: none;
}
.backend .offerPaketeW .paketV .paketContent ul li {
    padding-left: 30px;
    background-image: url("../../bilder/accept_gruen.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    margin-left: 10px;
    background-position: left center;
}
.backend .offerPaketeW .paketV .paketPreis{
    background-color: rgba(255,255,255,0.3);
    text-align: center;
    padding: 10px 5px;
    padding-top: 15px;

}
.backend .offerPaketeW .paketselected {
    background-color: rgba(223,227,228,0.4);
}
.backend .offerPaketeW .paketvarianteAngebotspreis {}
.backend .offerPaketeW .paketvarianteAngebotspreisNetto {
    font-size: 1.5em;
    font-weight: bold;
}
.backend .templateIcons svg {
    width: 24px;
}
.backend .excelexportButton {
    display: block;
}
.backend .excelexportButton img {
    margin: 5px;
    width: 50px;
    vertical-align: middle;
}
.backend .ORbox {
    background-color: #fff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}
.backend .ORbox td.boxBody {
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
    background-color: #fdfdfd;
    padding: 20px;
    color: gray;
}
.backend .btn-white {
    color: inherit;
    background: #fff;
    border: 1px solid #e7eaec;
    display: inline-block;
    text-align: center;
    padding: 3px 10px;
    font-size: 0.8em;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
}
.backend .btn-lightgray {
    color: inherit;
    background: #EFEFEF;
    border: 1px solid #e7eaec;
    display: inline-block;
    text-align: center;
    padding: 3px 10px;
    font-size: 0.8em;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
}   
.text-danger {
    color: #cb1537;
}
.backend .btn-white:hover {
    border: 1px solid #d2d2d2;
    cursor: pointer;
}
.backend .btn-lightgray:hover {
    border: 1px solid #d2d2d2;
    cursor: pointer;
}
.backend .timeGray {
    font-size: 0.8em;
    color: gray;
}
.backend .ORbox td.boxBody .boxBody_Wrapper {
    display: flex;
}
.backend .ORbox td.boxBody .column {
    flex: 1 1 0px;
}
.backend .ORbox tr.clickable {
    cursor: pointer;
}
.backend .redColored {
    color: #cb1537;
}
.backend .mahnungstabelle {
    width: 100%;
    font-size: 0.8em;
}
.backend .mahnungstabelle td {
    padding: 4px 5px;
    border-top: 1px dotted #ddd;
}
.backend .colorGreen {
  color: #1ab394;
}
.backend .whiteBG {
    background-color: white;
    padding: 10px;
}
.backend .footable.table tbody {
    font-size: 0.9em;
}
.backend .footable.table td {
    vertical-align: middle;
}
.backend .footable.table p {
    margin: 0;
}
.backend .flatTableRIMLarts td {
    height: 40px;
    box-sizing: content-box;
}
.backend .flatTableRIMLarts.footable.table > tbody > tr > td, .backend .flatTableRIMLarts.footable.table > tfoot > tr > td {
    padding: 0 5px;
    margin-bottom: 0;
    vertical-align: middle;
}
.backend .flatTableRIMLarts.footable.table span.label.label-default {
    display: none;
}
.backend .flatTableRIMLarts.footable.table .pagination > li > a, .backend .flatTableRIMLarts.footable.table .pagination > li > span {
    padding: 3px 9px !important;
}
.backend .flatTableRIMLarts.footable.table .footable-paging-external ul.pagination, .backend .flatTableRIMLarts.footable.table > tfoot > tr.footable-paging > td > ul.pagination {
    margin: 0 0 0 0;
    vertical-align: middle;
}
.backend .flatTableRIMLarts input, .backend .flatTableRIMLarts select {
background-color: #fff;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    width: 100%;
    font-size: 1em;
    font-family: 'PT Sans Narrow';
}
.backend .flatTableRIMLarts .aktionBox {
    text-align: right;
}
.backend .flatTableRIMLarts .inlineWidthIcon {
    width: 80%;
}
.backend .sendungsauftragWrapper {
    display: flex;
    flex-wrap: wrap;
}
.backend .sendungsauftragWrapper .contDiv {
    flex: 1 1 auto;
    background-color: white;
    color: gray;
    margin: 5px;
    padding: 10px;
}
.backend .sendungsauftragWrapper .contDiv h4 {
    font-size: 1em;
}
.backend .sendungsauftragWrapper .abholerdetails {
}
.backend .sendungsauftragWrapper .paketdetails {
}
.backend .sendungsauftragWrapper .empfaengerdetails {
}
.backend .scrollingContainer {
    overflow: auto;
    overflow-y: hidden;
}
:root {
  --scrollbarBG: #CFD8DC; 
  --thumbBG: #90A4AE;
}
.backend .scrollingContainer::-webkit-scrollbar {
  width: 10px;
}
.backend .scrollingContainer {
  scrollbar-width: 10px;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.backend .scrollingContainer::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.backend .scrollingContainer::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 4px;
  border: 2px solid var(--scrollbarBG);
}
.backend .table.footable .footable-pagination-wrapper span.label{
    display: none;
}
.backend .table.footable .paketnummer {
	transition: all 0.2s linear 0s;
    background-color: transparent;
    display: flex !important;
}
.backend .table.footable .paketnummer i {
    margin-right: 10px;
}
.backend .table.footable #toCopy {
    border: none;
    font-family: 'PT Sans Narrow';
    background-color: transparent;
    flex: 1 1 100%;
}
.backend .table.footable #toCopy:hover {
    cursor: pointer;
}
.backend .table.footable .paketnummer:hover {
    background-color: #F0F0F0;
    color: rgba(102,102,102,1);
    cursor: pointer;
}
.backend .table.footable tbody tr {
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer */
   -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}
.backend .select2-container--default .select2-selection--single {
    border-radius: 0px !important;
}
#quickHVS_FirmennameZuordnung {
    float: left;
}
.backend #editmode_menu #quickHVS_FirmennameZuordnung {
    display: none;
}
.backend .mean-bar .select2.select2-container {
    top: 5px;
    left: 5px;
}
.backend .mean-bar .select2-container--default .select2-selection--single {
    background-color: rgba(92,86,70,1.00);
    border: 1px solid rgba(255,255,255,0.2)
}
.backend .mean-bar .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(255,255,255,0.7);
    line-height: 28px;
}
.backend .mean-bar .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(255,255,255,0.7) transparent transparent transparent;
}
.backend.fancyboxFrame .aweInelineHead {
    text-align: center;
}
.backend.fancyboxFrame .aweInelineHead i {
    font-size: 4em;
}

.backend.fancyboxFrame .aweInelineHead h1 {
    text-align: center;
}
.backend.fancyboxFrame .rimlArtsWrap .inputW {
    position: relative;
    width: 80%;
    min-width: 200px;
    margin: auto;
    display: block !important;
}
.backend.fancyboxFrame .rimlArtsWrap {
    margin-top: 40px;
}
.backend.fancyboxFrame .rimlArtsWrap .inputW .a {
    position: relative;
    text-align: center;
}
.backend.fancyboxFrame .rimlArtsWrap .inputW { width: 50%; display: block !important; margin-bottom: 30px;}
.backend.fancyboxFrame .rimlArtsWrap .inputW .a {
    position: relative;
    text-align: center;
}
.backend.fancyboxFrame .rimlArtsWrap .inputW .b {
    transform: rotate(90deg);
}


.backend.fancyboxFrame .rimlArtsWrap .inputW label {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: rgb(116, 116, 116);
    transform-origin: top left;
    transition-duration: 500ms;
}
.backend.fancyboxFrame .rimlArtsWrap .inputW input {
    border: 1px solid #d2d2d2;
    background-color: #EFEFEF;
    padding: 35px 20px 10px;
    width: 100%;
}
.backend.fancyboxFrame .rimlArtsWrap .inputW input:focus + label, 
.backend.fancyboxFrame .rimlArtsWrap .inputW input:valid + label{
    top: 5px;
    transform: translateY(50%);
    font-size: 0.8em;
}
.backend.fancyboxFrame .AMR-button-next {
    display: inline-block;
    padding: 5px 15px;
    background-color: #82251E;
    color: white;
    margin-top: 20px;
}
.backend.fancyboxFrame .buttonWrapper {
    margin-top: 50px;
}
.backend.fancyboxFrame .FBbig { text-align: center; margin-left: -25px; margin-right: -25px;}
.backend.fancyboxFrame .FBbig .AMR-button-next {
    display: block;
    padding: 30px 15px;
    background-color: inherit;
    border: 1px solid rgba(92,86,70,1.00);
    color: black;
    margin-top: 0;
    margin-bottom: -2px;
}
.backend.fancyboxFrame .FBbig .AMR_vers-button {
    display: block;
    padding: 30px 15px;
    background-color: rgba(92,86,70,1.00);;
    color: white;
    margin-bottom: -3px;
}
.backend.fancyboxFrame .FBbig .AMR-button-next:hover {
    background-color: rgba(92,86,70,0.1);
}
.backend.fancyboxFrame .FBbig .AMR_vers-button:hover {
    background-color: rgba(92,86,70,.80);

}

.backend.fancyboxFrame .flexAll, .backend .flexAll {
    flex: 1 1 auto;
}
.backend.fancyboxFrame .buttonWidth50 {
    width: 50%;
}

.backend.fancyboxFrame .uploadedfailure {
    text-align: center;
}
.backend.fancyboxFrame .uploadedfailure .uploadlist {
    display: inline-block;
}
.backend .infoBoxAnkuendigung { border-left: 8px solid rgba(92,86,70,1.00); background-color: rgba(92,86,70,.10); padding: 15px 10px;}
.backend.fancyboxFrame .infoBox {
    
}
.backend.fancyboxFrame .infoBox ol {
    list-style-type: none;
    position: relative;
}
.backend.fancyboxFrame .infoBox ol li {
    counter-increment: item;
    margin-left: 45px;
    margin-bottom: 10px;
}
.backend.fancyboxFrame .infoBox ol li:before {
    content: counter(item);
    font-weight: 800;
    left: -25px;
    position: absolute;
    margin-bottom: 15px;
    margin-right: 13px;
    color: #fff;
    background-color: rgba(92,86,70,1.00);
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 8px;
    padding: 9px;
    margin-left: 35px;
}

.backend #RS_zsfg .abstandRS_zsfg {
    width: 100%;
    height: 10px;
    display: block;
    background-color: #045f800d;
    border-top: 1px solid rgba(92,86,70,1.00);
    margin-bottom: 15px;
    margin-top: 20px;
}

.backend #RS_zsfg .empfAdressTable {
    width: 100%;
}
.backend #RS_zsfg .empfAdressTable tbody tr {
    border-bottom: 2px solid #e5e6e7;
}
.backend #RS_zsfg .empfAdressTable tbody tr:last-child {
    border-bottom: none;
}
.backend #RS_zsfg .empfAdressTable tbody tr td {
    padding: 5px 10px;
}
.backend #RS_zsfg .empfAdressTable tbody tr td:first-child {
    width: 50px;
    padding-left: 20px;
}
.backend .AnfrageWrap {
    display: flex;
}
.backend #RS_zsfg {
    flex: 0 0 300px;
}
.backend .aktionWrapper {
    flex: 1 1 auto;
    position: relative;
    padding: 10px;

}
.backend .NoStylesForm {
    width: 100%;
}
.backend .NoStylesForm {
    width: 100%;
}
.backend .NoStylesForm tr {
    background: none !important;
}
.backend .NoStylesForm td {
    border: none !important;
}
.backend .NoStylesForm td span.periodenAngabe {
    margin-left: 25px !important;
}
.backend .indPreis input {
    margin-bottom: 0px !important;
}
.backend .hotelversandpreisAutoInput {
    background-color: rgba(2,47,64,0.10);
    padding: 3px 10px;
    width: 50px;
    border: 1px solid rgba(2,47,64,0.10);
    border-right: none;
    font-size: 0.8em;
    font-family: 'PT Sans Narrow';
    
}
.backend .hotelversandpreisAutoInput:hover {
    background-color: rgba(2,47,64,0.05);
}
.backend .hotelversandpreisAutoInput.changed {
    background-color: #DDF3E3;

}

.backend #Output .tableScheme3 .select2-container {
    width: 100% !important;
}
.backend #Output .tableScheme3 .select2-container--default .select2-selection--multiple {
    background-color: rgba(255,255,255,0.26);
    border: rgba(1,1,1,0.5);
}
.backend #Output .tableScheme3 .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 5px;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 0.8em;
}
.backend #Output .tableScheme3 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 4px;
    font-size: 1.4em;
}
.backend #Output .tableScheme3 .select2-container .select2-search--inline {
    float: none;
    margin-left: 0;
}
.backend #Output .tableScheme3 .select2-container .select2-search--inline .select2-search__field {
    margin-top: 8px;
}
.backend #Output .tableScheme3 #Einzeladresse {
    background-color: rgba(255,255,255,0.26);
    border: rgba(1,1,1,0.5);
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    -webkit-user-select: none;
    margin: 0;
    width: 100%;
}
.backend .tableScheme3 #Betreff {
    margin: 0;
    width: 100%;
}
.backend #FirmaSelectFBform ~ .select2-container--default .select2-selection--single, .backend #VerbundeneFirmen ~ .select2-container--default .select2-selection--multiple {
    background: #f8fafb;
    border: 1px solid #e5e6e7;
    padding: 10px;    
    height: 42px;
}
.backend #VerbundeneFirmen ~ .select2-container--default .select2-selection--multiple {
    height: inherit;
}
.backend #VerbundeneFirmen ~ .select2-container--default .select2-selection--multiple:hover {
    cursor: pointer;
    background-color: white;
    
}
.backend #VerbundeneFirmen ~ .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: none;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 7px 12px;
    margin-left: 0px
}
.backend #VerbundeneFirmen ~ .select2-container { width: 100% !important; }
.backend #VerbundeneFirmen ~ .select2-container .select2-search--inline {
    float: left;
    margin-left: 0px;
}
.backend #VerbundeneFirmen ~ .select2-container .select2-search--inline input { margin-bottom: 0px;}
.backend #VerbundeneFirmen ~ .select2-container--default .select2-selection--single
.SHS_frontend .SHS_font_blue1_hell2 {
    color: #F0FAFF !important;
}
.backend .angebotstypenWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
.backend .angebotstypenWrapper .angebotstyp {
    flex: 0 300px;
    height: 200px;
    border: 1px solid #ddd;
    min-width: 300px;
    display: flex;
    margin: auto;
    margin-bottom: 10px;
}
.backend .angebotstypenWrapper .angebotstyp:hover {
    background-color: rgba(223,227,228,0.2);
    cursor: pointer;
}
.backend .angebotstypenWrapper .angebotstyp.angebotstypSelected {
    background-color: rgba(223,227,228,0.4);
    cursor: pointer;
}
.backend .angebotstypenWrapper .angebotstyp i {
    font-size: 3em;
    color: rgba(223,227,228,1);
    margin-bottom: 20px;
}
.backend .angebotstypenWrapper .angebotstyp.angebotstypSelected i {
    font-size: 3em;
    color: rgba(171,181,184,1.00);
}
.flexDiv {
    margin: auto;
    text-align: center;
    color: rgba(171,181,184,1.00);
}
.backend .HVinfobox {
    display: flex;
    margin-top: 25px;
}
.backend .HVinfobox i {
    margin-top: auto;
    margin-bottom: auto;
}
.backend .HVinfobox .abstLeft {
    margin-left: 20px;
}
.backend .HVinfobox .betragHV {
    font-size: 1.3em !important;
    font-weight: bold;
}
.backend #RS_zsfg .abstandRS_zsfg {
    width: 100%;
    height: 10px;
    display: block;
    background-color: #f8fafb;
    border-top: 1px solid #e5e6e7;
    margin-bottom: 15px;
    margin-top: 20px;
}
.backend #RS_zsfg .empfAdressTable {
    width: 100%;
}
.backend #RS_zsfg .empfAdressTable tbody tr {
    border-bottom: 2px solid #e5e6e7;
}
.backend #RS_zsfg .empfAdressTable tbody tr:last-child {
    border-bottom: none;
}
.backend #RS_zsfg .empfAdressTable tbody tr td {
    padding: 5px 10px;
}
.backend #RS_zsfg .empfAdressTable tbody tr td:first-child {
    width: 50px;
    padding-left: 20px;
}
.backend #RS_zsfg {
	width: 550px;
    margin: auto;
}
.backend #angebotfiles table {
    width: 50%;
}
.backend #angebotfiles table tr {
    border-bottom: 1px solid #ddd;
}
.backend #angebotfiles table tr:last-child {
    border-bottom: none;
}
.backend #angebotfiles table tr td {
    padding: 10px 15px;
}

/* SHShop Styles */
.backend .SHShopWrapper {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.backend .SHShopWrapper .column {
    flex: 1 1 auto;
    background: white;
    margin: 10px;
    padding: 10px;
}
.backend .SHShopWrapper .column.blueColor { background-color: rgba(92,86,70,.05)}
.backend .SHShopWrapper .column.greenColor { background-color: rgba(0,129,49,.05)}
.backend .SHShopWrapper .column h2 { margin-bottom: 30px; display: inline-block;}
.backend .SHShopWrapper .column.BS h2 { margin-bottom: 10px;}
.backend .SHShopWrapper .column.lWrapper { width: 30%; }
.backend .SHShopWrapper .column.rWrapper { width: 30%; }
.backend .SHShopWrapper .column.lWrapper.Angebotskats { width: 20%; }
.backend .SHShopWrapper .column.rWrapper.Angebotskats { width: 80%; }
.backend .SHShopWrapper .column.rWrapper { width: 30%; }
.backend .SHShopWrapper .column .KatWrapper {
    display: flex;
    padding: 0 10px;
    margin-bottom: 20px;
    border: 1px solid rgba(92,86,70,.4);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.backend .SHShopWrapper .column .KatWrapper.notActive { border: 1px solid lightgray; }
.backend .SHShopWrapper .column .KatWrapper[data-ebene='1'] {margin-bottom: 5px;}
.backend .SHShopWrapper .column .KatWrapper[data-ebene='2'] { margin-left: 8%; margin-bottom: 5px;}
.backend .SHShopWrapper .column .KatWrapper[data-ebene='3'] { margin-left: 15%;}
.backend .SHShopWrapper .column .KatWrapper[data-ebene='4'] { margin-left: 22%;}
.backend .SHShopWrapper .column .KatWrapper[data-ebene='5'] { margin-left: 30%;}
.backend .SHShopWrapper .column .KatWrapper[data-ebene='6'] { margin-left: 37%;}
.backend .SHShopWrapper .column .KatWrapper:hover {
    cursor: pointer;
    background-color: rgba(92,86,70,0.06);
}
.backend .SHShopWrapper .SHSshopKats {margin-bottom: 40px;}
.backend .SHShopWrapper .column .KatWrapper .dragKat:hover { cursor: grab;}
.backend .SHShopWrapper .column .KatWrapper.activWrapper {
    background-color: rgba(92,86,70,0.04);
}
.backend .SHShopWrapper .column .KatWrapper.activWrapper .KatTitel {
    font-weight: bold;
}
.backend .SHShopWrapper .column .KatWrapper:last-child {
    margin-bottom: 40px;
}
.backend .SHShopWrapper .column .KatWrapper .dragKat {
    margin-right: 20px;
    margin-top: auto;
    margin-bottom: auto;
}
.backend .SHShopWrapper .column .KatWrapper .dragKat.nonActiv {color: lightgray;}

.backend .SHShopWrapper .column .KatWrapper .KatTitel {
    flex: 1 1 auto;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.backend .SHShopWrapper .column .KatWrapper.notActive .KatTitel { color: gray; }

.backend .KatWrapper .lagerStandWrapper {
    padding: 10.1px;
    margin-right: 10px;
    color: white;
    background-color: rgba(109,171,34,0.39);
}
.backend .KatWrapper .lagerStandWrapper.zeroLagerstand {
    background-color: #cb1537;
}
.backend .SHShopWrapper .column .KatWrapper .actions {
    margin: auto
}
.backend .SHShopWrapper .ticketinfoboxWrapper {display: flex; flex-wrap: wrap;}
.backend .SHShopWrapper .ticketinfoboxWrapper .ticketBox {background-color: lightgray; margin: 10px; padding: 10px; text-align: center; flex: 1 1 auto;}
.backend .SHShopWrapper .ticketinfoboxWrapper .ticketBox.verkaufteTickets {background-color: lightblue;}
.backend .SHShopWrapper .ticketinfoboxWrapper .ticketBox.bereitsEingecheckteTickets {background-color: lightgreen;}
.backend .SHShopWrapper .ticketinfoboxWrapper .ticketBox.nochNichtEingecheckteTickets {background-color: lightcoral;}
.backend .tablestyle.specialUIwidgets .ui-state-active, .backend .tablestyle.specialUIwidgets .ui-widget-content .ui-state-active, .backend .ui-widget-header .ui-state-active, a.backend .ui-button:active, .backend .tablestyle.specialUIwidgets .ui-button:active, .backend .tablestyle.specialUIwidgets .ui-button.ui-state-active:hover {
    background-color: #838E9C;
    border: none;
}
.backend form.standard .comboTreeInputWrapper input {
    width: 100%;
    margin-bottom: 0px;
}
.backend .amsify-suggestags-area {
    display: inline-block;
    margin: 10px;
    width: 50%;
}
.backend .clickTR_shsshopWKdetail:hover, .backend .clickTR_REMdailyDetails:hover {background-color: rgba(92,86,70,0.05); cursor: pointer;}
.backend .clickTR_shsshopWKdetail.aktiv, .backend .clickTR_REMdailyDetails.aktiv { background-color: rgba(92,86,70,0.10)}
.backend .Artikeldetails { background-color: white; }

.backend .ShoppingCartDisplay {width: 100%;}
.backend .ShoppingCartDisplay.ShoppingCartDisplayFooter {margin-top: 30px;}

.backend .ShoppingCartDisplay thead {text-align: left;}
.backend .ShoppingCartDisplay thead tr th {text-transform: uppercase; border-bottom: 1px solid black; padding: 4px;}
.backend .ShoppingCartDisplay tbody {}
.backend .ShoppingCartDisplay tbody tr {}
.backend .ShoppingCartDisplay tbody tr td { border-bottom: 1px solid gray; padding: 5px;}
.backend .ShoppingCartDisplay tbody tr td:last-child { min-width: 80px;}
.backend .ShoppingCartDisplay tbody tr td.cartIMG { padding: 20px 10px }
.backend .ShoppingCartDisplay tbody tr td.cartIMG img { width: 50px; vertical-align: middle; margin-right: 20px;}
.backend .ShoppingCartDisplay tbody tr td.cartIMG .cartPosition {
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    line-height: 1em;
}
.backend .ShoppingCartDisplay tbody tr td .lieferDatumExpr {
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    line-height: 1em;
    margin-left: 40px;
}
.backend .ShoppingCartDisplay tbody tr td.cartIMG .cartPosition span { font-size: 0.8em; }
.SHSwebshop .noBorderBottom {border-bottom: none !important;}
.SHSwebshop .noBorders {border: none !important;}
.SHSwebshop .BorderBottom {border: none !important; border-bottom: 1px solid #ccc !important; }
.backend .ShoppingCartDisplay tbody tr td:last-child { padding: 10px 10px; width: 30px;}
.backend .ShoppingCartDisplay tfoot { text-align: right; }
.backend .ShoppingCartDisplay span { font-size: 0.8em; }

.backend .ShoppingCartDisplay bolder, .SHSwebshop .fwBolder { font-weight: bolder; }
.backend .ShoppingCartDisplay i { padding: 10px; }
.backend .ShoppingCartDisplay i:hover { cursor: pointer; color: gray; }

.backend .ShoppingCartDisplay.ShoppingCartDisplayFooter tbody tr td { border-bottom: none;}
.backend .PMswitcher {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}
.backend .FTPstatus {
    position: absolute;
    top: 50px;
    right: 30px;
    display: block;
    border: 1px solid #6dab22;
    padding: 5px;
    border-radius: 40px;
}
.backend .FTPstatus.plugged {color: #6dab22;}
.backend .FTPstatus.notplugged {color: rgba(130,37,30,1);}
.backend .Orderaddress {margin-bottom: 20px;}

/* ====================================
   3. Max-width 1100px 
==================================   */
@media screen and (max-width:1100px){ 
.backend #header #logo, .backend .asidemenuwrapper {width: 220px;}
.backend #header .welcomewrap {margin-left: 270px; right: 0px;}
.backend ul.stepWrapper li a {
	padding: 6px 0px 0px 0px;
	display: block;
	text-align: center;
}
.backend .fancybox-slide--iframe .fancybox-content {
    width: 95% !important;
}

}


/* ====================================
   3. Max-width 900px 
==================================   */
@media screen and (max-width:900px){ 
.backend ul.stepWrapper li a {
	padding: 10px 0px 0px 0px;
	display: block;
	text-align: center;
}

.backend #contentwrapper {
    width: 95%;
    margin: auto;
}

.backend #header {
    background-color: inherit;
    display: block;
    height: auto;
}
.backend #header #welcome, .backend #asidewrapper {display: none;}
.backend #header #logo {
    float: none;
    height: auto;
    padding-top: 0px;
    width: auto;
	position: absolute;
	top: 0px;
	left: 5px;
	z-index: 999;
	background: none;
}
.backend #header img {
    display: block;
    height: 40px;
    margin: 5px auto auto auto;
    width: auto;
}
.backend .footertrio {
    float: none;
    height: auto;
    margin: 0 0 60px;
    width: 100%;
	text-align: center !important;
}
.backend .footertrio:first-child {
	margin-top: 40px;
}
.backend .footertrio:last-child {
	text-align: center !important;
}
.backend .footeranfrage #footeranfragebutton {
    margin: 10px;
    width: 50%;
	padding: 10px;
	font-size: 1em;
}
.backend .footeranfrage label {
	width: 80px;
	display: inline-block;
}
.backend form.standard input, .backend form.standard select, .backend #fancyboxAddservice input, .backend #fancyboxAddservice textarea, .backend form.standard textarea {
    width: 100%;
    padding: 10px;
    margin: 0 0 30px;
}

    
    
}



/* ====================================
   3. Max-width 800px 
==================================   */
@media screen and (max-width:800px) { 
.backend .footable.lieferorte label.sr-only { width: 1px; min-width: 1px}
.backend .SHShopWrapper { flex-wrap: wrap; }
.backend .SHShopWrapper .column.rWrapper, .backend .SHShopWrapper .column.lWrapper { width: 100%;}    
    
.backend .dreierSpinner span.ui-spinner, .backend form.standard .tablestyle .ui-spinner-input {
    width: 100%;
}
    
.backend #loginwrapper {width: 50%;}
.backend form.standard input, .backend form.standard select, .backend #fancyboxAddservice input, .backend #fancyboxAddservice textarea, .backend form.standard textarea {width: 100%;}
.backend .comboTreeWrapper {
    width: 100%;
    margin-bottom: 30px;
}
.backend ul.stepWrapper li a {
	padding: 6px 0px 0px 0px;
	display: block;
	text-align: center;
}
.backend form.standard .dreierSpinner td {
	display: block;
	text-align: center;
}
.backend form.standard .dreierSpinner td {
	display: block;
}
.backend form.standard .dreierSpinner label {
    text-align: center;
    width: auto;
}
.backend .dreierSpinner label { margin-top: 20px; }

.backend .tablestyle.boxed {
    background-color: #f8fafb;
    margin-bottom: 40px;
    padding: 20px;
}
.backend .tablestyle.boxed p {
    margin: 0; 
    padding-left: 5px;
}
.backend .fancyboxWindowWrapper, .backend .fancyboxWindowWrapper2 {
    width: 90% !important;
}
.backend #editmode_menu .select2.select2-container {
    display: none;
}
.backend #backenduser {
    display: none;
}                         

}
/* ====================================
   3. Max-width 700px 
==================================   */
@media screen and (max-width:700px){ 
  
}
/* ====================================
   3. Max-width 600px 
==================================   */
@media screen and (max-width:600px){ 

.backend .fancyboxWindowWrapper, .backend .fancyboxWindowWrapper2 {
	width: 100% !important;
}
.backend #startlogo {
	width: 200px;
}
.backend #stepContentWrapper fieldset {
    margin: 0; 
    border: none;
}
.backend .tabs-menu {
    height: inherit;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}   
.backend .tabs-menu li {
    flex: 1 1 auto;
    width: 1px;
    margin: auto;
}
.backend .tabs-menu li a {
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
}
.backend .tabs-menu li a:hover {
	border-bottom: 5px solid rgba(92,86,70,1.00)
}
    
}

/* ====================================
   4. Max-width 500px 
==================================   */
@media screen and (max-width:500px){ 
  .backend #ausstellung-dialog { width: 100%;}

.backend .subtabs-container {
	margin: 0px;
}
.backend.fancyboxFrame .rimlArtsWrap .inputW { width: 100%; display: block !important;}
.backend.fancyboxFrame .rimlArtsWrap .inputW .a {
    position: relative;
    text-align: center;
}
.backend.fancyboxFrame .rimlArtsWrap .inputW .b {
    transform: rotate(90deg);
}
.backend.fancyboxFrame .rimlArtsWrap .inputW input {
    width: 100%;
    box-sizing: border-box;
}

    .backend .subtab-content {
        padding: 40px 5px;
    }
.backend #loginwrapper {width: 95%; min-width: 0;}
.backend #footerlogin .footerleft, .backend #footerlogin .footerright {display: none;}
.backend #footerlogin .footermiddle svg {
    width: 30px;
    height: 30px;
    margin-top: 10px;
    vertical-align: -12px;
}
.backend .btn-lightgray {
    font-size: 1.1em !important;
    margin: 2px;
}   
.backend .btn-white {
    font-size: 1.1em !important;
    margin: 2px;
}   

.backend .fancybox-slide--iframe .fancybox-content {
    width: 100% !important;
}

.backend .progress--medium {
	font-size: 1em;
	line-height: 1em;
}

.backend #footerloginMain {
	display: none;
}
.backend #loginform {
    box-sizing: border-box;
    padding: 30px 10px;
    position: relative;
}
.backend #loginform .loginbutton {
    right: 20px;
	position: inherit;
	height: auto;
	width: 50%;
	border-radius: 0;
	padding: 10px 20px;
}
.backend #startlogo {
    width: 200px;
    display: block;
    margin: auto;
    animation: slide-down2 0.8s forwards;
    margin-top: 40px;
    opacity: 0;
}
body.backend.login {
	background-position-y: 130px !important;
}
.backend #footerlogin {height: auto; position: inherit;}
.backend .duo, .backend form.standardUserEdit.kundenDatenFormular .duo {
	width: 100%;
	float: none;
}
.backend #anzahltitelinput .single .duo {
	text-align: center;
}
.backend #backend_frame form.iframeForm input, .backend #backend_frame form.iframeForm textarea {
	width: 100%;
}
	.backend .hide500 {
		display: none !important;
	}
.backend .langWrapper h4 {
    margin: 0 0 10px;
}
.backend #contentwrapper .contentReiter {
    padding: 0;
}
.backend .bildWrapper {
    width: 70%;
    margin-right: 0;
    margin-bottom: 10px;
    display: inline-block;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    text-align: left;
}
.backend .bildWrapper .bildWrapper_image img {
    width: 100%;
    height: inherit;
}
.backend .tab-content {
    padding: 5px;
    padding-top: 40px;
}	
.backend .button2, .backend a.button2, a.button2 {
    padding: 10px;
    margin: 10px;
    display: inline-block;
}
.backend .tabs-menu li a {
	display: inline-block;
}	
	.backend #kundendateiWrapper {
		text-align: center;
	}	
.backend .edit_pageBilderWrapperInner #pageImageOutput ul#sortableImages {
    list-style: none;
	margin-left: 0;
}
	
.backend .messagesRight {
    margin-left: 10%;
    margin-right: 55px;
}
.backend .mainmessage {
    padding: 30px 10px;
    -ms-overflow-style: none;
    margin-bottom: -5px;
}
.backend .kundennachrichten textarea {
    padding: 30px 10px;
}
.standardVerstorEdit div {
	float: none !important;
}
.backend .messagesLeft {
    width: 70%;
}	
	
}