/* Account */
.bsui .mt-3, .bsui .my-3 {
	margin-top: 0 !important;
}
.site-account .titleblock {
	display: flex;
	width: 100%;
	margin-bottom: 40px;
}
.site-account .titleblock h1 {
	margin: 0;
	line-height: 1;
	font-family: Karma;
}
.site-account .titleblock p {
	margin-top: .5em;
	margin-bottom: 0;
	line-height: 1.2em;
	font-family: Roboto;
}
.site-account .titleblock > div {
	display: block;
	width: 55%;
}
.site-account .titleblock .right {
	text-align: right;
	width: 45%;
	align-self: flex-end;
}
.site-account .titleblock .right .dropdownselect + .markedbutton {
	margin-left: 20px;
	border-width: 2px !important;
}
.accountmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,.5);
}
.accountmenu li {
	display: block;
}
.accountmenu li.active, .accountmenu li:hover {
	filter: invert(100%);
}
.accountmenu a {
	display: block;
	padding: 16px;
	text-decoration: none !important;
	background-color: #fff;
	color: #000 !important;
	text-align: center;
	font-family: Roboto;
	text-transform: uppercase;
	line-height: 1.3em;
}
.accountmenu .coins {
	display: block;
	color: #3fa535;
}
.accountmenu li.active .coins, .accountmenu li:hover .coins {
	filter: invert(100%);
	color: #fff;
}
.accountmenu .logout {
	margin: 30px 15px 0 15px;
}
.accountmenu .logout a {
	position: relative;
	bottom: 15px;
}
.accountmenu .marker {
	display: block;
	width: 50%;
	padding-top: 50%;
	margin: 0 auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 60%;
}
.accountmenu.big {
	box-shadow: none;
	margin-top: 30px;
}
.accountmenu.big li {
	display: inline-block;
	width: calc((100% / 3) - 20px);
	margin: 15px;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,.5);
}
.accountmenu.big li:nth-child(3n+1) {
	margin-left: 0;
}
.accountmenu.big li:nth-child(3n) {
	margin-right: 0;
}
/* SVG icons */
.icon-history {background-image: url(../img/account/meine_auftraege.svg);}
.icon-article {background-image: url(../img/account/meine_rechnungen.svg);}
.icon-seuro {background-image: url(../img/account/euro.svg);}
.icon-euro {background-image: url(../img/account/credits_kaufen.svg);}
.icon-upload-file {background-image: url(../img/account/dateipool_bilder_hochladen.svg);}
.icon-account {background-image: url(../img/account/mein_account.svg);}
.icon-faq {background-image: url(../img/account/so_gehts.svg);}
.icon-other {background-image: url(../img/account/sonstiges.svg);}
.icon-wartend {background-image: url(../img/account/wartende_auftraege.svg);}
.icon-edit {background-image: url(../img/account/auftrag_bearbeiten.svg);}
.icon-preview {background-image: url(../img/account/preview.svg);}
.icon-sok {background-image: url(../img/account/ok.svg);}
.icon-ok {background-image: url(../img/account/auftrag_veroeffentlichen.svg);}
.icon-einloesen {background-image: url(../img/account/credits_einloesen.svg);}
.icon-spublish {background-image: url(../img/account/ok.svg);}
.icon-sedit {background-image: url(../img/account/edit.svg);}
.icon-copy {background-image: url(../img/account/copy.svg);}
.icon-pdf {background-image: url(../img/account/pdf.svg);}
.icon-mail {background-image: url(../img/account/noun_mail.svg);}
.icon-sextend {background-image: url(../img/account/extend.svg);}
.icon-extend {background-image: url(../img/account/auftrag_verlaengern.svg);}
.icon-sclose, .icon-sdeactivate {background-image: url(../img/account/noun_close.svg);}
.icon-close, .icon-deactivate {background-image: url(../img/account/auftrag_deaktivieren.svg);}
.icon-waste {background-image: url(../img/account/waste.svg);}
.icon-archive {background-image: url(../img/account/noun_archive.svg);}
.icon-billing {background-image: url(../img/account/noun_billing.svg);}
.icon-info {background-image: url(../img/account/noun_info.svg);}

.menublock {
	width: 175px;
	margin-right: 125px;
}
.menublock.fullblock {
	width: 100%;
	margin-right: 0;
}
.site-account {
	display: flex;
}
.site-account > .bsui {
	width: 100%;
}
.site-account .uwp_page {
	display: flex;
}
.site-account.nomenu {
	display: block;
}
.site-account .menublock + div {
	display: block;
	width: calc(100% - 300px);
}
.accountsearch {
	position: relative;
	margin-right: 20px;
	display: inline-block;
	width: 220px;
}
.accountsearch input[type="text"] {
	border: 1px solid #fff !important;
	line-height: 40px !important;
	padding: 0 50px 0 10px !important;
	width: 100%;
}
.accountsearch input[type="submit"] {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	font-size: 0 !important;
	display: block !important;
	width: 40px !important;
	height: 40px !important;
	margin: 0 !important;
	background: url(../img/account/search.svg) no-repeat center transparent !important;
	background-size: 25px !important;
	border: 0 none !important;
}
.loadmore {
	text-align: center;
}
.loadmore a {
	margin: 30px auto;
	display: inline-block;
	background-size: contain !important;
	font-family: Roboto;
}
.dropdownselect {
	position: relative;
	display: inline-block;
	padding: 12px 42px 12px 12px;
	text-decoration: none;
	color: #000;
	text-align: center;
	font-family: Roboto;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1em;
	border: 1px solid #000;
	background: url(../img/account/dropdown.svg) no-repeat right center #fff;
	background-size: 40px !important;
	filter: invert(0%);
	z-index: 10;
}
.dropdownselect:hover {
	filter: invert(100%);
	border-color: #fff;
	z-index: 100;
}
.dropdownselect.newbutton {
	padding-right: 12px;
	padding-left: 42px;
	background: url(../img/account/plus.svg) no-repeat left center #fff;
	border-color: #fff;
	filter: invert(100%);
}
.dropdownselect.nobutton, .loadmore a {
	border: 0 none;
	background: transparent;
	padding: 5px 42px 5px 0;
	background: url(../img/account/dropdown.svg) no-repeat right center transparent;
}
.dropdownselect.nobutton:hover .action {
	top: 0;
}
.dropdownselect > span {
	font-size: 16px;
	line-height: 1em;
	cursor: default;
}
.dropdownselect .action {
	position: absolute;
	display: none;
}
.dropdownselect:hover .action {
	display: block;
	top: 40px;
	left: -1px;
	width: auto;
	min-width: 290px;
	border: 1px solid #fff;
	background-color: #000;
	padding: 10px 0;
}
.dropdownselect .action a {
	filter: invert(100%);
	display: block;
	padding: 5px 10px 5px 36px;
	background-position: left +10px top +7px;
	background-size: 16px;
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
}
.dropdownselect .action a:hover, .dropdownselect .action a.active {
	filter: invert(0%);
	background-color: #fff;
	color: #000;
}
.dropdownselect.newbutton .action, .dropdownselect.nobutton .action {
	padding: 5px 0;
}
.dropdownselect.newbutton .action a, .dropdownselect.nobutton .action a {
	padding: 5px 15px;
}

/* Credits */
.creditlist {
	display: flex;
}
.creditlist > div {
	display: inline-block;
	background-color: #fff;
	font-family: Roboto;
	padding: 30px 20px 0 20px;
}
.creditlist + .creditlist > div {
	padding: 0 20px 100px 20px;
}
.creditlist .packets {
	width: 620px;
	margin-right: 20px;
}
.creditlist .custom {
	width: 320px;
}
.creditlist > div .title {
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 20px;
}
.creditlist .creditcustom {
	width: 100%;
}
.creditlist .list {
	border-bottom: 1px solid #000;
}
.creditlist .creditmarker {
	display: flex;
	padding: 10px 0;
	border-top: 1px solid #000;
	background-color: #fff;
	color: #000;
	cursor: pointer;
}
.creditlist .creditmarker.marked {
	filter: invert(100%);
}
.creditlist .creditmarker .left {
	width: 70%;
	padding-left: 10px;
}
.creditlist .creditmarker .right {
	width: 30%;
	padding-right: 60px;
	text-align: right;
}
.creditlist .creditmarker.marked .right {
	background: url(../img/account/noun_tick_ok.svg) no-repeat right +15px center transparent;
	background-size: contain;
}
.creditlist .infoblock, .creditlist .bullets {
	margin: 20px 0 0 0;
	font-size: 14px;
	line-height: 1.5em;
}
.creditlist .infoblock {
	display: flex;
}
.creditlist .infoblock div {
	width: 50%;
}
.creditlist .infoblock .right, .creditlist .infoblock .rightsingle {
	text-align: right;
}
.creditlist .infoblock .rightsingle {
	width: 100%;
}
.creditlist .bullets {
	padding: 0 0 0 20px;
}
.creditlist .bullets li {
	margin-bottom: 10px;
}
.creditlist .buyblock {
	margin-top: 30px;
	text-align: right;
}
.creditlist .creditbtn {
	filter: invert(100%);
	text-transform: uppercase;
	padding-left: 40px !important;
	padding-right: 40px !important;
}
.couponblock {
	padding-bottom: 100px !important;
}
.couponblock .coupon {
	position: relative;
}
.couponblock .coupon input {
	width: 100%;
}
.couponblock .coupon button {
	position: absolute;
	right: 0;
	height: 100%;
}
.couponblock .error {
	border: 1px solid #a00;
	color: #a00;
	padding: 12px 20px;
	margin-bottom: 20px;
}
.responseblock {
	margin: 30px 0;
	padding: 15px 20px;
	border: 1px solid #3fa535;
	background-color: #fff;
	line-height: 1.5em;
}
.responseblock.error {
	border-color: #cd1719;
}
.responseblock.notice {
	border-color: #f39200;
}
.couponinfotextblock {
	padding-bottom: 80px;
}
.couponinfotextblock .bigred {
	font-size: 32px;
	font-weight: bold;
	color: #ef1c21;
	margin: 0;
}
.couponinfotextblock .codelink {
	position: relative;
	display: inline-block;
	color: #ef1c21;
	cursor: pointer;
}
.couponinfotextblock .codelink span {
	position: absolute;
	top: 30px;
	left: 0;
	width: 194px;
	height: auto;
	text-align: center;
	border: 1px solid #000;
	background-color: #fff;
	padding: 4px;
	font-size: 12px;
	line-height: 1em;
	display: none;
}
.couponinfotextblock .codelink:hover span {
	display: block;
}

/* List */
.orderlist {
	position: relative;
	display: table;
	width: 100%;
	border: 0 none;
	border-collapse: separate;
	border-spacing: 0 20px;
}
.orderlist .header {
	display: table-header-group;
}
.orderlist .entries {
	display: table-row-group;
}
.orderlist .entry {
	display: table-row;
	background-color: #fff;
}
.orderlist .header > div, .orderlist .entry > div {
	display: table-cell;
	padding: 0;
	width: 50%;
	vertical-align: middle;
}
.orderlist .mleft {
	padding-left: 10px;
}
.orderlist .cpadding {
	padding: 10px !important;
	text-align: right;
}
.orderlist .img {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 100px;
	background-size: cover;
	background-position: center;
}
.orderlist .details {
	display: inline-block;
	width: calc(100% - 100px);
	vertical-align: top;
	padding: 10px 10px 10px 20px;
	font-size: 0;
	line-height: 0;
}
.orderlist .details span {
	font-family: Roboto;
	font-size: 11px;
	line-height: 1.5em;
	color: #aaa;
	display: block;
}
.orderlist .details .type {
	font-size: 12px;
	color: #000;
}
.orderlist .details .title {
	font-family: Karma;
	font-size: 16px;
	line-height: 1.8em;
	color: #000;
}
.orderlist .details .title a {
	display: block;
	width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.orderlist .details .date, .orderlist .details .id, .orderlist .details .user {
	display: inline-block;
}
.orderlist .details .date, .orderlist .details .id {
	margin-right: 10px;
}
.orderlist .billimg {
	vertical-align: top;
	display: inline-block;
	width: 50px;
	height: 65px;
	margin: 0 10px;
	background: url(../img/account/noun_billing.svg) no-repeat left center #fff !important;
	background-size: contain !important;
}
.whitebutton, .navbuttons .whitebutton, .orderlist .statusbtn, .orderlist .creditbtn {
	position: relative;
	display: inline-block;
	padding: 12px;
	text-decoration: none;
	color: #878787;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	line-height: 1em;
	border: 1px solid #878787;
	width: 115px;
	margin-right: 25px;
}
.orderlist .statusbtn:hover, .orderlist .creditbtn:hover {
	cursor: default;
}
.orderlist .statusbtn {
	text-transform: uppercase;
	width: 156px;
}
.orderlist .statusbtn.offen {color: #878787; border-color: #878787;}
.orderlist .statusbtn.prufung {color: #f39200; border-color: #f39200;}
.orderlist .statusbtn.freigegeben {color: #3fa535; border-color: #3fa535;}
.orderlist .statusbtn.veroffentlicht {color: #fff; border-color: #3fa535; background-color: #3fa535;}
.orderlist .statusbtn.archiviert {color: #5c2483; border-color: #5c2483;}
.orderlist .statusbtn.deaktiviert {color: #cd1719; border-color: #cd1719;}
.orderlist .statusbtn.entfaellt {color: #7a0046; border-color: #7a0046;}
.whitebutton, .navbuttons .whitebutton, .dateadd .whitebutton {
	padding: 12px 20px !important;
	color: #000 !important;
	border-color: #000 !important;
	margin: 0 !important;
	width: auto !important;
	background-color: #fff !important;
}
.whitebutton.upload {
	background: url(../img/account/upload.svg) no-repeat left +4px center #fff !important;
	background-size: contain !important;
	padding: .6em .6em .6em 50px !important;
	font-size: 20px;
	color: #000 !important;
	cursor: pointer;
}
.whitebutton.plus {
	background: url(../img/account/plus.svg) no-repeat left +4px center #fff !important;
	background-size: contain !important;
	padding-left: 50px !important;
	cursor: pointer;
	text-transform: none !important;
}
.whitebutton.credits {
	filter: invert(100%);
	background: url(../img/account/euro.svg) no-repeat left +15px center #fff !important;
	background-size: 20px !important;
	padding-left: 50px !important;
	font-size: 20px;
	text-transform: uppercase;
	cursor: pointer;
}
.whitebutton.printpage {
	filter: invert(100%);
	font-size: 20px;
	text-transform: uppercase;
	cursor: pointer;
}

.articlemod .overview, .articlemod .help, .articlemod .prices {
	filter: invert(100%);
	padding-left: 40px !important;
	background-image: url(../img/account/faq.svg);
	background-size: 20px;
	background-position: left +10px center;
	background-repeat: no-repeat;
	text-transform: uppercase;
	margin-left: 20px !important;
}
.articlemod .overview {
	background-image: url(../img/account/history.svg);
}
.articlemod .prices {
	background-image: url(../img/account/preisliste.svg);
}
.articlemod {
	font-family: Roboto;
}
.articlemod .tabs {
	position: relative;
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #f5f5f5;
}
.articlemod .tabs.scrolled {
	position: fixed;
	top: 270px;
	z-index: 100;
}
.articlemod .tabs li {
	display: inline-block;
	border: 1px solid #e9e9e9;
	border-width: 1px 1px 0 1px;
	padding: 8px 34px 4px 12px;
	font-size: 14px;
	line-height: 24px;
	background-color: #f5f5f5;
	cursor: pointer;
}
.articlemod .tabs li.marked {
	background-image: url(../img/account/noun_tick_ok_green.svg);
	background-position: center right +14px;
	background-size: 14px;
	background-repeat: no-repeat;
}
.articlemod .tabs li.active {
	border-color: #fff;
	background-color: #fff;
}
.articlemod .navbuttons {
	margin-top: 60px;
	/*display: flex;*/
	display: block;
}
.articlemod .dateadd {
	margin-top: 20px;
}
.articlemod .navbuttons .left, .articlemod .navbuttons .right {
	display: inline-block;
	width: 30%;
}
.articlemod .navbuttons .right {
	text-align: right;
	width: 70%;
}
.articlemod .navbuttons .right button {
	margin-left: 20px !important;
}
.articlemod .navbuttons .right .dark {
	filter: invert(100%);
	border-color: #fff !important;
	padding-left: 80px !important;
	padding-right: 80px !important;
}
.articlemod .navbuttons .note {
	display: block;
	width: 100%;
	margin-top: 10px;
	text-align: left;
}
.articlemod .tabpage {
	position: relative;
	padding: 30px;
	background-color: #fff;
	width: 100%;
	display: none;
}
.articlemod .tabpage.active {
	display: block;
}
.articlemod .tabpage label {
	display: block;
	cursor: pointer;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.articlemod .tabpage input, .articlemod .tabpage textarea, .articlemod .tabpage select {
	display: block;
	width: 100%;
	background-color: #fff;
}
.articlemod .tabpage input.markred {
	background-color: rgba(255,0,0,.3);
}
.articlemod .mce-panel {
	border-color: #000;
}
.articlemod .navbuttons button:hover {
	cursor: pointer;
}
.articlemod .layoutselection {
	display: grid;
	grid-column-gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
}
.articlemod .layoutselection > div {
	position: relative;
	border: 1px solid #000;
	height: auto;
	cursor: pointer;
	text-align: center;
}
.articlemod .layoutselection img {
	max-height: 200px;
	padding-top: 10px;
}
.articlemod .layoutselection .name {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	padding: 20px 0;
}
.articlemod .grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
}
.articlemod .grid3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 20px;
}
.articlemod label.marked {
	background-color: #fff265;
	padding: 0 6px;
	display: inline-block;
}
.articlemod label > span, .wordlimit {
	position: absolute;
	margin-left: 20px;
	font-size: 14px;
	text-transform: none;
}
.articlemod .layoutpreview span {
	display: block;
	font-size: 14px;
	line-height: 18px;
	margin-top: 10px;
}
.articlemod .imgupload, .articlemod .subcategories {
	margin-bottom: 16px !important;
	padding-bottom: 16px;
	border-bottom: 1px solid #ddd;
}
.articlemod .imgupload:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.articlemod .imgupload > div {
	position: relative;
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
.articlemod .imgupload .imgsel {
	margin-right: 2%;
}
.articlemod .imgupload .imgpreview {
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 10px;
}
.articlemod .imgupload .imgpreview img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 300px;
	cursor: pointer;
}
.articlemod .imgupload .imgsel div {
	position: relative;
}
.articlemod .imgupload input {
	opacity: 0;
}
.articlemod .imgupload button.change {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 10;
}
.articlemod .imgupload button.delete {
	margin-top: 10px;
	cursor: pointer;
	background-color: #ffedf0;
}
.articlemod .imgupload .imgpreview .imgchange {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(100deg, #aaa 8%, #fff 18%, #aaa 33%);
	background-size: 200% 100%;
	animation: 1s shine linear infinite;
	opacity: 0;
	display: block;
	cursor: pointer;
	z-index: 10;
}
.articlemod .layoutbox, .articlemod .imagesbox {
	font-size: 0;
	line-height: 0;
	margin-bottom: 16px !important;
}
.articlemod .layoutbox .layout {
	display: inline-block;
	padding: 10px;
	width: calc(100% / 3);
	vertical-align: top;
	text-align: center;
}
.articlemod .layoutbox .layout img {
	width: auto;
	height: 200px;
	margin-bottom: 10px;
}
.articlemod .imagesbox {
	position: relative;
	width: 600px;
	height: 360px;
	border: 1px solid #000;
	background-color: #fff;
	box-sizing: content-box;
}
.articlemod .imagesbox + .imagesinfo {
	margin-top: -16px;
	font-size: 14px;
	text-align: right;
}
.articlemod .selectbox {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #878787;
	z-index: 10;
}
.articlemod .selectbox.noshow, .articlemod .directimage.noshow {
	display: none;
}
.articlemod .selectbox.vertical {
	width: 320px;
	height: 360px;
	transform: translateX(-50%);
	left: 50%;
}
.articlemod .selectbox.square {
	width: 360px;
	height: 360px;
	transform: translateX(-50%);
	left: 50%;
}
.articlemod .selectbox div {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
.articlemod .selectbox button {
	position: relative;
	margin: 0 auto !important;
	display: block;
	font-size: 20px;
	padding: .6em .6em .6em 50px !important;
	cursor: pointer;
}
.articlemod .selectbox .pool {
	background: url(../img/account/upload-file.svg) no-repeat left +4px center #fff !important;
	background-size: 30px !important;
	border-color: #fff !important;
	color: #000 !important;
	filter: invert(100%);
}
.articlemod .selectbox .upload {
	margin-top: 20px !important;
	color: #000 !important;
}
.articlemod .directimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.articlemod .imagesbox .cropping {
	padding: 0;
	text-align: center;
	max-width: 100%;
	max-height: 100%;
}
.articlemod .imagesbox .cropping img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.articlemod .imagesbox label {
	font-size: 16px;
	line-height: 24px;
}
.articlemod .cropper-container {
	float: right;
	width: 100%;
}
.articlemod .controls.noshow, .articlemod .cropping.noshow {
	display: none;
}
.articlemod .group p {
	font-size: 14px;
}
.articlemod .group p.small {
	font-size: 12px;
}
.articlemod .twofield {
	display: grid;
	grid-column-gap: 30px;
	grid-template-columns: 260px 1fr;
	margin-bottom: 20px;
}
.articlemod .twofield > div {
	display: block;
}
.articlemod .twofield input, .selectpicker {
	position: relative;
	display: block;
	width: 260px;
}
.articlemod .group.inline input {
	display: inline-block;
	margin: 0 10px;
	width: 150px;
}
.articlemod .layoutpreview {
	position: relative;
	top: 0;
}
.articlemod.scrolllayout .layoutpreview.scrolled {
	position: fixed;
	top: 340px;
}
.articlemod .article-datepicker {
	background: url(../img/account/noun_calender.svg) no-repeat center right transparent scroll;
	background-size: contain;
}
.articlemod .dateaddsplit {
	margin: 40px 0 !important;
}
.articlemod .dateaddsplit hr {
	background-color: #000;
	max-width: 500px;
	margin: 0;
}
.articlemod .dategroup > .group {
	position: relative;
}
.articlemod .dategroup .removebtn {
	position: absolute;
	top: 0;
	left: calc(500px - 30px);
	border: 1px solid #000;
	background-color: #fff;
	border-radius: 2px;
	padding: 0 10px;
	line-height: 0;
	cursor: pointer;
	display: none;
}
.articlemod .dategroup .removebtn:before {
	content: 'X';
	font-size: 14px;
	line-height: 20px;
	padding-top: 2px;
	display: block;
}
.articlemod .dategroup > .group:not(:first-child):hover .removebtn {
	display: block;
}
.ui-datepicker {
	z-index: 100 !important;
}
.articlemod .subcategories label {
	font-weight: 400;
}
.articlemod .subcategories label input, .articlemod .group > label input {
	display: inline-block;
	margin-right: 10px;
	width: auto;
}
.articlemod .previewbutton {
	border-color: #000 !important;
	color: #000 !important;
	background-color: #fff !important;
	cursor: pointer;
	margin-right: 10px !important;
}
.articlemod .topbox, .articlemod .subdata {
	padding: 24px 0;
	border: 1px solid #6f6f6f;
	border-width: 1px 0 0 0;
	display: grid;
	grid-template-columns: 40px auto 150px;
}
.articlemod .toplist .topbox:last-child {
	border-bottom-width: 1px;
}
.articlemod .topbox .check {
	vertical-align: top;
}
.articlemod .topbox .check input {
	display: none;
}
.articlemod .topbox .credits {
	align-self: end;
	text-align: right;
	padding-right: 10px;
}
.articlemod .topbox .description label {
	margin: 0;
}
.articlemod .topbox .description .text {
	text-transform: none;
}
.articlemod .topbox .description .name span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 20px;
	background: url(../img/account/noun_info.svg) no-repeat center transparent scroll;
	background-size: contain;
	cursor: pointer;
	vertical-align: middle;
}
.articlemod .subdata {
	display: none;
}
.articlemod .subdata .group:last-child {
	margin-bottom: 0;
}
.articlemod .subdata .subtext > div {
	display: inline-block;
}
.articlemod .subdata .subtext .text {
	margin-left: 20px;
}
.articlemod .group, .articlemod .group.nolabel {
	margin-bottom: 20px;
}
.articlemod .split {
	font-size: 0;
	line-height: 0;
}
.articlemod .split > div {
	display: inline-block;
}
.articlemod .split > div:first-child {
	margin-right: 1%;
}
.articlemod .split > div:last-child {
	margin-left: 1%;
}
.articlemod .split .long {
	width: 65%;
}
.articlemod .split .short {
	width: 33%;
}
.articlemod .split .half {
	width: 49%;
}
.articlemod .split2 > div:first-child {
	width: calc(75% - 2px);
}
.articlemod .split2 > div:last-child {
	width: 23%;
	vertical-align: top;
	padding-top: 4px;
}
.articlemod .split2 .imagesbox {
	height: 200px;
}
.articlemod .split2 span, .articlemod label + span, .articlemod span.selecttext {
	font-size: 13px;
	line-height: 1.2em;
}
.articlemod .split .igrid {
	align-self: center;
}
.articlemod .split .check, .articlemod .cin .check {
	position: relative;
	cursor: pointer;
	font-weight: 400;
	font-size: 16px;
	line-height: 32px;
	text-transform: uppercase;
	padding-left: 40px;
}
.articlemod .split .check span, .articlemod .cin .check span {
	margin-left: 0;
	left: 0;
}
.articlemod .fromtime, .articlemod .endtime {
	display: inline-block;
	vertical-align: top;
}
.articlemod .fromtime label, .articlemod .endtime label {
	margin: 4px 0 0 6px;
}
.articlemod input:disabled {
	background-color: #ddd;
}
.articlemod .cal input[type="checkbox"] {
	top: 4px;
}
.articlemod .cal input[type="text"] {
	width: 60px;
}
.articlemod label strong {
	font-family: Roboto;
}
.articlemod .largemargin {
	margin-bottom: 50px !important;
}
.articlemod .costlist {
	display: grid;
	width: 100%;
	grid-template-columns: 400px 200px 200px;
	padding: 30px 0;
	margin: 0 0 20px 0;
	border: 1px solid #000;
	border-width: 1px 0;
}
.articlemod .costlist .right {
	text-align: right;
}
.articlemod .costlist .bold {
	font-weight: bold;
}
.articlemod .costlist .green {
	color: #3fa535;
}
.articlemod .costlist .full {
	grid-column: span 3;
	padding-top: 10px;
}
.articlemod .costlist .dark {
	filter: invert(100%);
	border-color: #fff !important;
	text-transform: uppercase;
}
.articlemod .add_scheduler {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/account/plus.svg) no-repeat center transparent;
	background-size: contain;
	cursor: pointer;
	border: 1px solid #000;
}
.articlemod .scheduler input {
	display: inline-block;
	width: 170px;
}
.articlemod .scheduler input + input {
	width: 100px;
	text-align: center;
}
.articlemod .scheduler .remove {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/account/waste.svg) no-repeat center transparent;
	background-size: contain;
	cursor: pointer;
	margin-left: 10px;
}
.articlemod .scheduler .old .entry {
	border-bottom: 1px solid #ddd;
	font-family: "Courier New", Courier, monospace;
}
.articlemod .scheduler .old div {
	display: inline-block;
	padding: 0 4px 0 0;
}
.articlemod {
	.input-wrapper {
		display: block;
	}
	.char-counter {
		display: block;
		font-size: 10px;
		line-height: 10px;
		color: #999;
		text-align: right;
		margin-top: 2px;
	}
	.char-counter.near-limit {
		color: #e67e00;
	}
	.char-counter.at-limit {
		color: #c00;
	}
}

.contactfields textarea, .contactfields input {
	color: #000;
  font-family: "Karma", sans-serif;
  font-size: 16px;
  line-height: 32px;
	font-weight: 400;
}


/* File upload */
.fileuploadbox {
	position: relative;
	text-align: center;
	height: auto;
	margin-bottom: 20px;
}
.fileuploadbox, .fileuploadbox *, .fileupload-mask, .fileupload-mask * {
	font-family: Roboto;
	font-size: 14px;
	line-height: 1.2em;
}
.dropzone {
	position: relative;
	display: block;
	background-color: #fff;
	border: 4px dashed #fff;
	min-height: 400px;
	padding: 0 0 90px 0;
}
.dropzone.dz-drag-hover {
	border-color: #888;
}
.dropzone .uploadselect {
	position: relative;
	padding: 130px 30px 0 30px;
}
.dropzone .upload-info {
	margin: 30px 0;
}
.dropzone .upload-info2 {
	padding-bottom: 40px;
}
.dropzone .upload-copyright {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
}
.dropzone .upload-copyright a {
	text-decoration: underline;
}
.dropzone .dz-default {
	display: none;
}
.fileuploadbtn {
	position: relative;
	display: inline-block;
	margin: 40px auto;
	border: 1px solid #aaa;
	background-color: #a11;
	color: #fff;
	font-weight: 600;
	padding: 6px 10px 3px 10px;
	border-radius: 2px;
	cursor: pointer;
}
.fileupload-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.7);
	display: none;
	z-index: 1000;
	overflow: auto;
}
.fileupload-mask .closer {
	position: fixed;
	top: 40px;
	right: 40px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url(../img/icon_close.svg) no-repeat center transparent scroll;
	background-size: contain;
}
.fileupload-mask .wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 80%;
	min-height: auto;
	max-width: 1000px;
	color: #000;
	text-align: center;
}
.fileupload-mask .backbtn {
	position: relative;
	display: inline-block;
	margin: 40px auto !important;
	text-transform: uppercase;
	cursor: pointer;
}
.fileupload-mask .info {
	margin: 40px 0;
	color: #fff;
	font-weight: 600;
	text-align: center;
	display: block;
}
.fileupload-mask form {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 50%;
	max-height: none;
	background-color: rgba(255,255,255,.95);
	margin-bottom: 40px;
}
.dz-started .dz-preview {
	position: relative;
	width: 180px;
	height: auto;
	min-height: 200px;
	display: inline-block;
	vertical-align: top;
	margin: 20px;
}
.dz-started .dz-preview .dz-image {
	width: 100%;
	height: 140px;
}
.dz-started .dz-preview .dz-image img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
.dz-started .dz-preview .dz-image img, .dz-started .dz-message {
	position: relative;
}
.dz-started .dz-preview .dz-error-message {
	line-height: 1.3em;
}
.dz-started .dz-success-mark, .dz-started .dz-preview .dz-error-mark {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 45px;
	left: 65px;
	display: none;
}
.dz-started .dz-success .dz-success-mark, .dz-started .dz-error .dz-error-mark {
	display: block;
}
.dz-started .dz-success-mark svg, .dz-started .dz-preview .dz-error-mark svg {
	border-radius: 50px;
}
.dz-started .dz-success-mark svg {
	background-color: #0f0;
}
.dz-started .dz-error-mark svg {
	background-color: #f00;
}
.dz-started .dz-error-message span {
	display: block;
	color: #f00;
	font-weight: bold;
	padding: 5px 0;
}

.filelist {
	position: relative;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(80px, 1fr));
	grid-gap: 20px 30px;
}
.filelist .file {
	position: relative;
	display: block;
}
.filelist .imgbox {
	position: relative;
	font-size: 0;
	line-height: 0;
}
.filelist .title, .filelist .date {
	position: relative;
	display: block;
	padding: 8px 0 0 0;
	margin: 0;
	font-family: Roboto;
	font-size: 14px;
	line-height: 1em;
}
.filelist .title {
	overflow: hidden;
	text-overflow: ellipsis;
}
.filelist .date {
	font-size: 12px;
	color: #888;
}
.filelist .buttons div, .articlemod .controls div {
	position: absolute;
	bottom: 0;
	width: 40px;
	height: 40px;
	background: #fff no-repeat center scroll;
	background-size: 26px;
	font-size: 0;
	z-index: 100;
	cursor: pointer;
}
.filelist .buttons .delete, .articlemod .controls .trash {
	right: 0;
	background-image: url(../img/account/waste.svg);
}
.filelist .buttons .preview {
	left: 0;
	background-image: url(../img/account/zoom-in.svg);
}
.articlemod .controls .edit {
	left: 0;
	background-image: url(../img/account/edit.svg);
}
.filelist .buttons .insertbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 0;
}
.filelist .buttons .insert {
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	transform: translate(-50%, -50%);
	background: url(../img/account/plus.svg) center rgba(255,255,255,.7) no-repeat;
	background-size: cover;
	display: none;
}
.filelist .insertbox:hover .insert {
	display: block;
}
.fileupload-mask .filelist, .fileupload-mask .selecttitle {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	padding: 20px;
	background-color: #f5f5f5;
}
.fileupload-mask .selecttitle {
	padding-bottom: 0;
}
.fileupload-mask .selecttitle h1 {
	font-size: 30px;
	font-family: Karma;
	margin: 0 0 .2em 0;
}
.fileupload-mask .selecttitle p {
	margin: 0;
}
.filelist .filesearch {
	grid-column: 1 / span 3;
}
.filelist .filesearch > div {
	position: relative;
	max-width: 400px;
	margin: 0 auto;
}
.filelist .filesearch input {
	display: block;
	width: 100%;
	color: #000 !important;
	border: 1px solid #000 !important;
	padding: .6em 1em !important;
	background-color: #fff;
	margin-bottom: 20px;
}
.filelist .clearicon {
	position: absolute;
	display: none;
	right: 1px;
	bottom: 1px;
	width: 34px;
	height: 34px;
	background: url(../img/account/noun_close.svg) no-repeat center #fff !important;
	background-size: 25px !important;
	cursor: pointer;
}

.creditsbtn {
	color: #3fa535 !important;
	border-color: #3fa535 !important;
}

/* help */
.helpblock {
	padding: 30px;
	background-color: #fff;
	font-family: Roboto;
}
.helpblock .buttonrow {
	width: 100%;
	display: grid;
	grid-column-gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
	margin-bottom: 20px;
}
.helpblock .buttonrow:last-of-type {
	margin-bottom: 0;
}
.helpblock .buttonrow .topic {
	position: relative;
	height: 180px;
	display: block;
	border: 1px solid #000;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: center calc(50% - 20px);
	background-color: #fff;
	background-size: 80px;
	cursor: pointer;
}
.helpblock .buttonrow .topic span {
	position: absolute;
	width: 100%;
	line-height: 1.3em;
	padding: 0 10px;
	left: 0;
	bottom: 20px;
	text-align: center;
}
.helpblock .buttonrow .topic.flip {
	filter: invert(100%);
	border-color: #fff;
}
.helpblock .contentrow {
	display: block;
}
.helpblock .contentrow:last-of-type .content {
	padding-bottom: 0;
}
.helpblock .contentrow .content {
	display: none;
	padding: 0 0 20px 0;
}
.topic-erstellen {background-image: url(../img/account/meine_auftraege.svg);}
.topic-getcredits {background-image: url(../img/account/credits_kaufen.svg);}
.topic-usecredits {background-image: url(../img/account/credits_einloesen.svg);}
.topic-dateipool {background-image: url(../img/account/dateipool_bilder_hochladen.svg);}
.topic-account {background-image: url(../img/account/mein_account.svg);}
.topic-agb {background-image: url(../img/account/agbs.svg);}
.topic-bearbeiten {background-image: url(../img/account/auftrag_bearbeiten.svg);}
.topic-publish {background-image: url(../img/account/auftrag_veroeffentlichen.svg);}
.topic-extend {background-image: url(../img/account/auftrag_verlaengern.svg);}
.topic-deactivate {background-image: url(../img/account/auftrag_deaktivieren.svg);}
.topic-archive {background-image: url(../img/account/noun_archive.svg);}
.topic-prices {background-image: url(../img/account/preisliste.svg);}
.pricelist, .pricelist strong {
	font-family: Roboto;
	line-height: 1.7em;
}
.pricelist hr {
	background-color: #000;
	margin: 30px 0;
}
.pricelist tr:last-child hr {
	margin-bottom: 0;
}
.pricelist .marked {
	background-color: #fff265;
	padding: 0 6px;
	margin-right: 6px;
	display: inline-block;
}
.pricelist .space {
	display: inline-block;
	margin-bottom: 40px;
}
.pricelist td {
	vertical-align: top;
	text-align: left;
}
.pricelist tr td:nth-child(1) {
	width: 46%;
}
.pricelist tr td:nth-child(2), .pricelist tr td:nth-child(3) {
	width: 17%;
	text-align: right;
}
.pricelist tr td:nth-child(3) {
	padding-right: 20px;
}
.pricelist tr td:nth-child(4) {
	width: 20%;
}

.schedulerlist {
	background-color: #fff;
	padding: 30px 20px;
}
.schedulerlist .columns-4, .schedulerlist .columns-5 {
  display: grid;
  grid-template-columns: 80px 150px 150px 1fr;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}
.schedulerlist .columns-5 > div:nth-child(5n+9) {
  grid-column: 1 / span 4;
	padding-left: 5px;
	border-bottom: 1px dashed #ddd;
	line-height: 1em;
	padding-bottom: 4px;
}
.schedulerlist a {
	font-family: Roboto;
}
.schedulerlist form > div {
	display: inline-block;
}
.schedulerlist form > div label {
	display: block;
}
.schedulerlist form input[type="number"] {
	width: 100px;
}

/* popup */
.popup-mask {
	position: fixed;
	width: 100%;
	height: calc(100vh - 270px);
	top: 270px;
	left: 0;
	background-color: rgba(255,255,255,.7);
	display: block;
	z-index: 1000;
	overflow: auto;
}
.popup-mask.noshow {
	display: none;
}
.popup {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 670px;
	height: auto;
	max-height: calc(100vh - 380px);
	overflow: auto;
	transform: translate(-50%, -50%);
	padding: 40px 60px;
	background-color: #fff;
	box-shadow: 4px 4px 4px rgba(0,0,0,.5);
}
.popup .title {
	padding-left: 45px;
	background: transparent no-repeat left top;
	background-size: 30px;
	margin-bottom: 30px;
	font-size: 20px;
	font-family: Karma;
}
.popup .title.check {
	background-image: url(../img/account/ok.svg);
}
.popup .title.green_check {
	background-image: url(../img/account/noun_tick_ok_green.svg);
}
.popup .title.info {
	background-image: url(../img/account/noun_info.svg);
}
.popup .text {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 18px;
	font-family: Roboto;
}
.popup .group {
	margin: 20px 0;
}
.popup .group + .group {
	margin-top: 0;
}
.popup input + span + label {
	display: inline-block !important;
	width: calc(100% - 40px);
	padding-top: 6px;
}
.popup .text p {
	line-height: 18px;
	margin: 0 0 10px 0;
}
.popup .text label {
	display: block;
	margin-bottom: 10px;
}
.popup iframe {
	width: 100%;
	height: auto;
	min-height: 500px;
	border: 0 none;
}
.popup .buttons button {
	display: inline-block;
	margin-right: 15px !important;
	text-transform: uppercase;
	padding: .6em 1.2em !important;
	cursor: pointer;
}
.popup .buttons button.whitebutton {
	/*
	filter: invert(100%);
	border-color: #fff !important;
	*/
	color: #000 !important;
	border-color: #000 !important;
	background-color: #fff !important;
}
.popup-mask.topview .popup {
	padding: 0;
	height: 510px;
	width: 600px;
}
.popup-mask.topview .title {
	display: none;
}
.popup-mask.topview .text {
	display: grid;
	width: 100%;
	grid-template-columns: 295px 305px;
}
.popup-mask.topview .topviewimg {
	align-self: start;
	display: block;
	height: 510px;
	background: url(../img/layouts/upload_vorschau_topplatzierungen_startseite.png) no-repeat center transparent scroll;
	background-size: contain;
}
.popup-mask.topview .topviewimg.topview2 {
	background-image: url(../img/layouts/upload_vorschau_topplatzierungen_kategorieseite.png);
}
.popup-mask.topview .topviewimg.topview5 {
	background-image: url(../img/layouts/upload_vorschau_werbebanner_topplatzierungen_startseite.png);
}
.popup-mask.topview .content {
	align-self: start;
	background-color: #e7e7e8;
	padding: 70px 35px 0 35px;
	height: 100%;
}
.popup-mask.topview .content h1 {
	margin: 0 0 25px 0;
	font-size: 24px;
	line-height: 24px;
}
.popup-mask.topview .content label {
	display: inline-block;
	background-color: #fff265;
	padding: 0 6px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.popup-mask.topview .content p {
	margin-bottom: 35px;
	line-height: 22px;
}
.popup-mask.topview .content p:last-child {
	margin-bottom: 0;
}
.popup-mask.topview .buttons {
	position: absolute;
	top: 15px;
	right: 15px;
}
.popup-mask.topview .closebutton {
	display: block;
	width: 30px !important;
	height: 30px !important;
	background: url(../img/account/noun_close.svg) no-repeat center transparent scroll !important;
	background-size: contain !important;
	border: 0 none !important;
	margin: 0 !important;
	cursor: pointer;
	font-size: 0 !important;
	line-height: 0 !important;
}
.popup-mask .loadmask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.1);
	display: none;
	z-index: 100;
}
.ptable td, .ptable th, .stable td, .stable th {
	text-align: left;
	padding: 2px 4px;
	vertical-align: top;
}
.ptable th, .stable th {
	font-weight: bold;
}
.ptable td:first-child, .stable th, .stable td:first-child {
	width: 150px;
}
.ptable td:nth-child(2) {
	width: 150px;
}

.sl-overlay {
	background: #000 !important;
	opacity: .9 !important;
}
.sl-wrapper button {
	height: 44px !important;
	line-height: 44px !important;
	display: block !important;
	/*filter: invert(100%);*/
	border: transparent !important;
	background: transparent !important;
	padding: 0 !important;
}