html, body {
	background-color:			#ffffff!important;
	color: #333333;
}

.admin-edit {
	position:					relative;
	float:						left;
	width:						100%;
	height:						100%;
}

.admin-content {
	height:						auto;
	width:						80%;
	position:					relative;
	float:						right;
}

hr.big {
	height:						2px;
	border-bottom:				1px solid #555555;
	border-top:					1px solid #555555;
	border-left:				none;
	border-right:				none;
	background-color:			#000000;
}

.header {
	height:						140px;
	position:					relative;
}

.header .col-box-left,
.header .col-box-right {
	height:						100%;
}

.header .header-title-1 {
	bottom:						45px;
	left:						2px;
	position:					absolute;
	color:						#eeeeee;
	font-size:					28px;
	font-weight:				600;
	text-shadow:				black 0.1em 0.1em 0.2em;
}

.header .header-title-2 {
	bottom:						20px;
	left:						2px;
	position:					absolute;
	color:						#eeeeee;
	font-size:					16px;
	text-shadow:				black 0.1em 0.1em 0.2em;
}

.header .header-logo {
	width:						250px;
	height:						auto;
	bottom:						30px;
	right:						2px;
	position:					absolute;
}

.content-menu {
	padding-left:				0;
	padding-right:				20px;
}

.content-menu > div {
	min-height:					700px;
	background-color:			#222222;
	border:						1px solid #383838;
}

.content-area {
	min-height:					700px;
	padding-right:				0;
	background-color:			#222222;
	border:						1px solid #383838;
}

.content-area > .container:first-child {
	width:						100%;
	height:						auto;
	clear:						both;
	padding:					20px 20px 80px 20px;
}

.content-area > .container.info-area {
	width:						100%;
	height:						auto;
	padding:					0 20px 10px 20px;
	bottom:						0px;
	left:						0px;
	position:					absolute;
	clear:						both;
}

.content-area > .container.info-area p {
	height:						auto;
	min-height:					50px;
	line-height:				25px;
	padding-left:				50px;
	border:						2px solid #01b701;
	background-color:			#222222;
	position:					relative;
}

.content-area > .container.info-area i {
	left:						8px;
	top:						8px;
	z-index:					5;
	position:					absolute;
	font-size:					30px;
}

.info {
	cursor:						help;
}

.button-bar {
	width:						100%;
	height:						auto;
	position:					relative;
	float:						left;
	margin-top:					100px;
}

.admin-btn {
	width:						calc(25% - 56px);
	position:					relative;
	float:						left;
	height:						46px;
	margin-left:				30px;
	border:						2px solid #000000;
}



@media (min-width: 1200px) {
	/* .admin-btn:nth-child(5) {
		width:						calc(25% - 56px);
		position:					relative;
		float:						left;
		height:						46px;
		margin-left:				30px;
		border:						2px solid #000000;
		margin-top: 20px;
	} */

	.button-distance {
		margin-top: 20px;
	}
}


.shop .admin-btn {
	margin-top:					18px;
	height:						44px;
}

@media(min-width: 1200px) {
	.admin-btn-back {
		margin-top:					49px;
	}
}

.btn-ac-default {
    color:						#000000;
    text-decoration:			none;
	font-size:					16px;
    font-weight:				600;
	letter-spacing:				0.5pt; 
	outline:					none;
	background-color:			#ffffff;
	width:						100%;
	height:						100%;
	line-height:				46px;
	border:						0;
	text-align:					center;
	display:					block;
	padding:					0px;
	border-radius:				0;
}

.btn-ac-default i {
	padding:					0px 10px;
}

.btn-ac-default.red {
	box-shadow:					0px 0px 10px rgba(255,0,0,1);
	color:						#ff0000;
}

.btn-ac-default.active {
	box-shadow:					0px 0px 10px rgba(0,0,0,0.5) inset;
	color:						#666666;
}

.btn-ac-default:hover,
.btn-ac-default:hover:not(.disabled),
.btn-ac-default.active:hover:not(.disabled) {
    color:						#666666;
}

div.admin-btn:has(> button.btn-ac-default.disabled) {
	border:						2px solid #666666;	
}

.btn-ac-default.disabled {
    color:						#666666;
	cursor:						not-allowed;
}

.admin-content-area {
	height:						auto;
	width:						calc(100% - 60px);
	position:					relative;
	float:						left;
	color:						#000000;
	margin:						30px 30px;
}

.admin-content-area p {
	text-align:					center;
}

/* ------------------ */

.admin-img {
	width:						calc(25% - 22.5px);
	float:						left;
	position:					relative;
	margin:						0px 0px 30px 30px;
	height:						200px;
}

.img-edit-field {
	height:						198px;
	position:					relative;
	overflow:					hidden;
	width:						calc(100% - 2px);
	display:					inline-flex;
	border:						1px solid #666666;
	background-color:			#b9b9b9;
}

.img-edit-field > a.placeholder {
	width:						100%;
	height:						198px;
	display:					block;
	background-color:			#b9b9b9;
	text-decoration:			none;
	text-align:					center;
	font-size:					16px;
	font-weight:				600;
	color:						#666666;
	position:					relative;
	outline:					none !important;
}

.img-edit-field > a.placeholder i {
	margin-top:					50px;
	margin-bottom:				25px;
}

.img-edit-field > a.placeholder:hover {
	background-color:			#2e2e2e;
	color:						#eeeeee;
}

.img-edit-field img {
	max-height:					198px;
	position:					relative;
	margin:						auto;
	max-width:					100%;
	vertical-align:				middle;
}

.admin-vid {
	width:						100%;
	height:						100%;
}

.img-edit-bar {
	width:						100%;
	height:						60px;
	line-height:				60px;
	bottom:						0;
	left:						0;
	position:					absolute;
	display:					none;
	background-color:			#333333;
	border-top:					1px solid #666666;
}

.img-edit-bar.video-field {
	top:						0;
}

.img-edit-field:hover .img-edit-bar {
	display:					block;
}

.img-edit-bar > p,
.img-edit-bar > select,
.img-edit-bar > a {
	width:						13.5%;
	text-align:					center;
	float:						left;
	font-size:					20px;
	color:						#cccccc;
	display:					block;
	cursor:						default;
	margin:						0;
}
.img-edit-bar > select {
	width: 19%;
	background-color: #333333;
	height: 60px;
	font-size: 20px;
	border:0;
	cursor: pointer;
	outline:0;
}
.img-edit-bar > select:hover {
	background-color: #333333;
	height: 60px;
	font-size: 20px;
	border:0;
	cursor: pointer;
	outline:0;
}

.img-edit-bar > a {
	cursor:						pointer;
}

.img-edit-bar > a[href="#"] {
	cursor:						default;
}

.img-edit-bar > a[href="#"]:hover {
	color:						#cccccc;
}

.img-edit-bar > a:hover,
.img-edit-bar > a:hover > .fa-close  {
	color:						#777777!important;
}

.admin-edit .ckeditor {
	width:						100%;
	resize:						none !important;
}

.admin-edit #cke_1_resizer {
	display:					none !important;
}

.img-edit-check {
	width: 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    z-index: 9;
    position: absolute;
    /* background-color: #333333;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666; */
    cursor: pointer;
}

.img-edit-check input {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: 0;
	width: 20px;
	height: 20px;

}

.admin-info {
    float: 						left;
    margin-left: 				30px;
    position: 					relative;
    width: 						calc(75% - 8px);
}

.admin-info p {
    text-align: 				left;
}

.admin-upload {
	border-bottom:				1px solid #969797;
	min-height:					100px;
}

.admin-upload-info {
	border-top:					1px solid #e8e8e8;
}

.upload-link {
    color: 						#000000;
    float: 						left;
    position: 					relative;
}

.fileinput-button input {
    margin:						0;
    top:						0;
    right:						0;
    position:					absolute;
    cursor:						pointer;
    direction:					ltr;
    font-size:					200px;
    opacity:					0;
	width:						100%;
	height:						100%;
}

#fileinput-desc {
	position:					relative;
	margin-top:					15px;
}

#fileinput-desc strong {
	color:						#00dd00;
}

#upload-info {
	width:						100%;
	position:					relative;
	float:						left;
	margin:						0;
    margin-top: 				50px;
}

#js_msg {
	width:						100%;
	position:					relative;
	float:						left;
}

.msg.row {
    display: 					block;
    height: 					auto;
    position:	 				relative;
    width: 						auto;
}

.msg.row span {
	width:						100%;
	line-height:				20px;
	display:					block;
}

.msg.row i {
	padding-left:				10px;
	font-size:					20px;
	display:					inline-block;
}

.msg.row .glyphicon.glyphicon-ok {
	color:						#00ff00;
}

.msg.row .glyphicon.glyphicon-remove,
p.msg.error {
	color:						#ff0000;
}

.msg.row img {
	border:						1px solid #666666;
}

#js_msg .msg.row {
	top: 						50px;
}

/* ---------------------- */


#progressText {
	height:						24px;
	line-height:				19px;
	font-size:					16px;
	white-space:				nowrap;
	display:					none;
}

/* progress bar style */
#progressbox {
	border:						1px solid #92C8DA;
	padding:					1px; 
	position:					relative;
	width:						100%;
	border-radius:				3px;
	margin:						0px;
	display:					none;
	text-align:					left;
	background-color:			#ffffff;
}
#progressbar {
	height:						20px;
	border-radius:				3px;
	background-color:			#01b701;
	width:						1%;
}
#statustxt {
	top:						3px;
	left:						50%;
	position:					absolute;
	display:					inline-block;
	color:						#000000;
}

/* ------------------------------ */

.content-row {
	height:						auto;
	width:						100%;
	float:						left;
	position:					relative;
	padding:					20px 0px;
	border-bottom:				1px solid #cccccc;	
}

.content-row-add {
	border-bottom:				1px solid #969797;
	padding-top:				0px;
	padding-bottom:				50px;
}

.content-row:last-of-type {
	border:						0;
}

.counter {
	text-align:					center;
	vertical-align:				middle;
	font-size:					22px;
	width:						7.5%;
	position:					relative;
	float:						left;
}

.counter-m {
	text-align:					center;
	vertical-align:				middle;
	font-size:					18px;
	width:						50px;
	position:					relative;
	float:						left;
	top: 20px;
}

.admin-media-number {
	float:						left;
	width:						50px;
	text-align: 				center;
	font-size:					20px;
	line-height:				50px;
}

.sub-img {
	width:						calc(17.5% - 26px);
	height:						150px;
	background-color:			#333333;
	border:						1px solid #444444;
	text-align:					center;
	font-size:					13px;
	cursor:						default;
	position:					relative;
	float:						left;
}

.shop .sub-img {
	background-color:			#ffffff;
}

.sub-img > span {
	display:					block;
	width:						100%;
	height:						100%;
	position:					relative;
	background-position:		center center;
	background-repeat:			no-repeat;
	-o-background-size:			contain;
	-moz-background-size:		contain;
	-webkit-background-size:	contain;
	background-size:			contain;
}

.sub-img i {
	top:						calc(50% - 20px);
	color:						#ffffff;
	position:					relative;
}

.sub-title-area {
	width:						calc(25% - 19px);
	height:						auto;
	position:					relative;
	float:						left;
	margin-left:				30px;
}
.sub-price-area {
	width:						calc(10%);
	height:						auto;
	position:					relative;
	float:						left;
	margin-left:				30px;
}

.form-control {
	width:						calc(100% - 30px);
}

.sub-edit {
	width:						calc(50% - 17px);
	height:						auto;
	position:					relative;
	float:						left;
	margin-left:				30px;
}

.subKatNewTitle {
	height:					auto;
	line-height:				25px;
	margin:						0;
	padding:					0;
	font-size:					18px;
	font-weight:				bold;
	text-align:					left!important;
}

.subKatNewTitle + p {
	height:						23px;
	line-height:				23px;
	margin:						0;
	padding:					2px 0 0 0;
	text-align:					left;
}

.subKatNewMessage {
	border-top:					1px solid #ffffff;
}

.subKatNewMessage + .subKatNewMessage {
	display:					none;
}

.admin-media-info.left,
.admin-dates-info.left {
	width:						auto;
	height:						auto;
	position:					relative;
	float:						left;
	height:						50px;
	line-height:				50px;
}

.admin-media-info.right {
	width:						auto;
	height:						auto;
	position:					relative;
	float:						right;
	margin:						15px 0px;
}

.admin-dates-info.right {
	width:						calc(25% - 30px);
	height:						auto;
	position:					relative;
	float:						left;
	height:						50px;
	margin-left:				30px;
}

.admin-media-input {
	width:						calc(25% - 23px);
	position:					relative;
	float:						left;
	margin-left:				10px;
	min-height:					1px;
}

.admin-media-output {
	width:						calc(25% - 27px);
	position:					relative;
	float:						left;
	margin-left:				13px;
	min-height:					1px;
}

.admin-media-output-choice {
	width:						calc(25% - 27px);
	position:					relative;
	float:						left;
	margin-left:				13px;
	min-height:					1px;
	top: 20px;
}


.admin-media-output input {
	width: calc(100% - 7px);
}

.admin-media-output .outputNote {
	width: calc(60% - 34px);
	float: left;
}

.admin-media-output .outputPassw {
	width: calc(60% - 37px);
	float: right;
}

.admin-media-input:first-child,
.admin-media-output:first-child {
	margin:						0;
}

.media-output-select {
	width:						50%;
	position:					relative;
	float:						left;
	text-align:					center;
}

.media-output-select-new {
	width:						calc(15% - 19px);
	position: 					relative;
	float:						left;
	text-align:					center;
}

.shop .media-output-select-new {
	margin-top:					22px;
}

.media-output-select-new-select {
	height:						34px;
	padding:					6px 14px;
}

.admin-dates-input-area {
	width:						calc(42.5% - 45px);
	height:						auto;
	position:					relative;
	float:						left;
	margin-left:				30px;
}

.admin-dates-input {
	width:						calc(50% - 15px);
	height:						auto;
	position:					relative;
	float:						left;
}

.admin-dates-input:first-child {
	margin-right:				30px;
}

.admin-dates-title-input {
	width:						calc(25% - 15px);
	height:						auto;
	position:					relative;
	float:						left;
	margin-left:				30px;
}


.page-title,
.page-title a,
.page-title a:hover,
.page-title > span + a:hover > span {
	font-size:					18px;
	color:						#ffffff;
	text-decoration:			none;
	border-bottom:				none;
	text-align:					left;
}

.page-title a,
.page-title > span + a > span {
	border-bottom:				1px solid #ffffff;
}

.page-title > hr {
	margin:						10px 0;
}

.page-title > span + a {
	float:						right;
	border-bottom:				none;
}


.cover-marker {
	width:						30px;
	height:						30px;
	top:						0px;
	right:						0px;
	z-index:					9;
	position:					absolute;
	background-color:			#333333;
	border-left:				1px solid #666666;
	border-bottom:				1px solid #666666;
	cursor:						pointer;
}

.cover-marker.cover-checked {
	background-color:			#01b701;
}

.cover-marker input {
	top:						8px;
	left:						9px;
	position:					absolute;
	outline:					none !important;
	
}

/* ---------------- Mediathek -------------------- */

.media-aktive {
	margin:						0 !important;
}

.media-aktive .active {
	color:						#ffffff;
	background-color:			green;
}

.media-aktive .inactive {
	color:						#ffffff;
	background-color:			red;
}

.media-del {
	text-align:					center;
}

.media-id {
	text-align:					center;
}

.media-del:hover {
	opacity:					0.6;
}

/* ---------------- Responsive -------------------- */

@media (max-width: 768px) {
	.admin-content {
		width:					100%;
		float:					left;
		position:				relative;
		margin-top:				50px;
	}
	.button-bar  {
		margin-top:				0px;
	}	
	.btn-ac-default {
		font-size:				12px;
	}
	.admin-content-area {
		margin-top:				0;
	}
	#cke_editor {
		margin-bottom:			30px;
	}
	#upload-info {
		margin-bottom: 			50px;
	}
}

@media (min-width: 450px) and (max-width: 1200px) {
	.button-bar .admin-btn {
		width:					calc(50% - 49px);
		margin-bottom:			30px;
	}
	.admin-upload .admin-btn {
		width:					calc(50% - 19px)!important;
	}
	.admin-info {
		width:					calc(50% - 15px)!important;
	}
	.admin-img {
		width:					calc(50% - 15px);
		margin-bottom:			30px;
	}
	.admin-img:nth-child(2n+1) {
		margin-left:			0px;
	}
	.admin-media-input:nth-child(2n+1), 
	.admin-media-output:nth-child(2n+1) {
		margin-left:			0px;
	}
	#js_msg .admin-img {
		margin-left:			30px;
	}
	#js_msg .msg.row:nth-child(2n+1) > .admin-img {
		margin-left:			0px;
	}
	.admin-media-input,
	.admin-media-output {
		width:					calc(50% - 15px);
		margin-bottom:			30px;
	}
	.media-btn {
		width:					calc(50% - 19px)!important;
		float:					right;
	}
}

@media (max-width: 450px) {
	.button-bar .admin-btn {
		width:					calc(100% - 64px);
		margin-bottom:			30px;
	}
	.admin-upload .admin-btn {
		width:					calc(100% - 4px)!important;
	}
	.admin-info {
		width:					100%!important;
	}
	.admin-info {
		width:					100%;
		margin-left:			0px;
	}
	.admin-img {
		width:					100%;
		margin-bottom:			30px;
		margin-left:			0;
	}
	.admin-media-input,
	.admin-media-output {
		width:					100%;
		margin-bottom:			30px;
		margin-left:			0;
	}
	.admin-media-input:first-child, 
	.admin-media-output:first-child	{
		margin:					0px 0px 30px;
	}
	.media-btn	{
		width:					calc(100% - 4px)!important;
	}
}

@media (min-width: 460px) and (max-width: 1200px) {
	.admin-dates-input {
		width:					100%;
		margin:					0px 0 30px;
	}
	.admin-dates-input-area {
		width:					calc(38.9% - 45px);
	}
	.admin-dates-title-input {
		width:					calc(50% - 15px);
		margin-bottom:			30px;
	}
	.dates-btn {
		width:					calc(50% - 19px)!important;
		float:					right;
	}
	.admin-dates-info.right {
		width:					calc(50% - 30px);		
	}
	.admin-dates-info.right i {
		display:				none;		
	}
}

@media (min-width: 1200px) and (max-width: 1440px) {
	.btn-ac-default {
		font-size:				12px;
	}
}

@media (min-width: 1200px) {
	#js_msg .admin-img {
		margin-left:				30px;
	}
	.admin-img:nth-child(4n+1) {
		margin-left:				0px;
	}
	#js_msg .msg.row:nth-child(4n+1) > .admin-img {
		margin-left: 				0px;
	}
}

@media (min-width: 850px) and (max-width: 1000px) {
	.content-row .btn-ac-default {
		font-size:				12px;
	}
}

@media (min-width: 768px) and (max-width: 850px) {
	.content-row .btn-ac-default {
		font-size:				11px;
	}
}

@media (min-width: 600px) and (max-width: 1200px) {
	.counter {
		width:					11.1%;
	}
	.sub-img {
		width:					calc(22.2% - 15px);
	}
	.sub-title-area {
		width:					calc(33.3% - 32px);
	}
	.sub-edit,
	.content-row .admin-btn {
		width:					calc(33.3% - 19px);
	}
}

@media (min-width: 600px) and (max-width: 1500px) {
	.sub-img {
		height:					100px;
	}
}

@media (min-width: 460px) and (max-width: 600px) {
	.counter {
		width:					25%;
	}
	.counter-dates {
		width:					11.1%;
	}
	.sub-img {
		width:					calc(25% - 15px);
	}
	.sub-title-area {
		width:					calc(50% - 17px);
		margin-bottom:			30px;
	}
	.sub-edit,
	.content-row .admin-btn {
		width:					calc(50% - 21px);
		float:					right;
	}
	.sub-img {
		height:					75px;
	}
}

@media (max-width: 600px) {
	.admin-dates-info.right {
		display:				none;
	}
}

@media (max-width: 460px) {
	.counter {
		width:					25%;
	}
	.content-row-add .counter {
		display:				none;
	}
	.sub-img {
		display:				none;
	}
	.sub-title-area {
		width:					calc(75% - 32px);
		margin-bottom:			30px;
	}
	.content-row-add .sub-title-area {
		width:					100%;
		margin-bottom:			30px;
		margin-left:			0;
	}
	.sub-edit,
	.content-row .admin-btn {
		width:					calc(100% - 4px);
		margin-left:			0;
	}
	.sub-img i {
		display:				none;
	}

	.admin-dates-input {
		width:					100%;
		margin:					0px 0 30px;
	}
	.admin-dates-input-area {
		width:					calc(75% - 30px);
	}
	.content-row-add .admin-dates-input-area {
		width:					100%;
		margin:					0;
	}
	.admin-dates-title-input {
		width:					100%;
		margin-bottom:			30px;
		margin-left:			0;
	}
	.dates-btn  {
		width:					calc(100% - 4px)!important;
		float:					right;
	}
	.admin-dates-info.right {
		width:					calc(50% - 30px);		
	}
	.admin-dates-info.right i {
		display:				none;		
	}
}
/* infobox start */
.admin-btn.infobox label {
	height:					19px;
	font-size:				16px;
	line-height:			18px;
	margin-bottom:			0px;
	width:					100%;
}
.admin-btn.infobox input {
	height:					17px;
	width:					calc(100% - 10px);
	margin-left:			1px;
}
/* infobox ende */

*, *:before, *:after {
	box-sizing: inherit;
}

.porder-header {
	position: relative;
	width: auto;
	display: inline-block;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.35rem;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 10px;
}

@media print {
	.porder-header {
		margin-top: 0px;
		margin-bottom: 0px;
	}
}
.porder-content {
	position: relative;
	width: 100%;
	margin-top: 10px;
}
.porder-header .prev-week,
.porder-header .current-week,
.porder-header .next-week {
	float: left;
	display: inline-block;
	width: auto;
}

.porder-header .current-week {
	margin-left: 3rem;
	margin-right: 3rem;
}