html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent; color: #790c1b}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:600}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} body {font-family: 'Fira Sans', sans-serif !important;}  .backendmenucontainer {box-sizing: border-box; float: left; overflow-y: scroll; width: 20%;height: 100%;margin: 0;padding: 0;padding-top: 18px;background-color: #970001;color: #fff;list-style: none;text-decoration: none;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23000' stroke-width='66.7' stroke-opacity='0.05' %3E%3Ccircle fill='%23fd3838' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23f13336' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23e42f33' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23d82b31' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23cc262e' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23c0222c' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23b41e29' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23a81a26' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%239c1723' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23901321' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23850f1e' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23790c1b' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%236e0918' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%23630615' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23580411' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%234e020d' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%23440107' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%233a0000' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E"); background-size: 722%} .backendmenucontainer a {text-decoration: none; color: #fff;} .backendmenu {list-style: none;} .backendmenu li ul {list-style: none;padding: 20px;} div .backendmenu * li {font-size: 18px;} .backendmenu li {font-size: 22px;padding:8px}  .ban, .redirect, .modules, .audience, .keyword, .newsletter, .search,.survey, .menu, .content, .news-content, .onepager-content, .stats, .user {display:none} 

.js-sort-table {
    padding-top: 32px;
}

#ban:checked ~ ul li .ban {display:block} #redirect:checked ~ ul li .redirect {display:block} #modules:checked ~ ul li .modules {display:block} #audience:checked ~ ul li .audience {display:block} #keyword:checked ~ ul li .keyword {display:block} #newsletter:checked ~ ul li .newsletter {display:block} #search:checked ~ ul li .search {display:block} #survey:checked ~ ul li .survey {display:block} #menu:checked ~ ul li .menu {display:block} #content:checked ~ ul li .content {display:block} #news-content:checked ~ ul li .news-content {display:block} #onepager-content:checked ~ ul li .onepager-content {display:block} #stats:checked ~ ul li .stats {display:block} #user:checked ~ ul li .user {display:block}

form input {display: block;	width: 90%; border-bottom: 1px solid #ddd}

form textarea {box-sizing: border-box;padding: 10px 10px 10px 5px;
	display: block;
	width: 90%;
	border: none;
	border-bottom: 1px solid #ddd;
	min-height: 50px
}

form input,
form textarea {
	border: 0;
	padding: 4px 0;
	border-bottom: 1px solid #ddd;
	background-color: rgba(0, 0, 0, 0)
}

form input~.focus-border,
form textarea~.focus-border {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #970001;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

form input~label,
form textarea~label {
	color: #d02a2a;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 5px;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all
}

form input:focus~.focus-border,
.has-content form input~.focus-border,
form textarea:focus~.focus-border,
.has-content form textarea~.focus-border {
	width: 90%;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

form input:focus~label,
.has-content form input~label,
form textarea:focus~label,
.has-content form textarea~label {
	top: -16px;
	color: #970001;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.has-correct-content~.focus-border {
	background-color: #970001
}

.has-correct-content~label {
	color: #970001;
	top: -17px;
	left: 0
}

.inputgroup {
	position: relative;
	display: grid;
	margin-top: 42px;
	text-align: left
}

#g-recaptcha-response {display: none}

button,
.btn {
	border: none;
	background-color: #790c1b;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	padding: 10px 40px;
	display: inline-block;
	position: relative;
	opacity: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

button span,
btn span {
	display: inline-block;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
	font-weight: 600
}

button:hover,
.btn:hover {
	background-color: #3a0000
}

.component {
    display: inline-block;
    width: 100%;
    margin: 34px 0;
}

.componentbox h1 {
    font-weight: 300;
}

.componentpart a {
    width: 90%;
    display: inline-block;
	margin: 26px 8px;
	cursor: pointer;
}

.dropdown-content li span,
.select-dropdown {
	color: #35455F
}

select {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 0 0 .5em;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	box-shadow: none;
	border: 0;
	background: #970001;
	background-image: none;
	width: 220px;
}

.select {
	position: relative;
	height: 3em;
	line-height: 3;
	overflow: hidden;
	border-radius: .25em
}

select::-ms-expand {
	display: none
}

.select::after {
	content: '\25BC';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 1em;
	background: #d02a2a;
	pointer-events: none
}

.select:hover::after {
	color: #970001
}

.select::after {
	-webkit-transition: .25s all ease;
	-moz-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease
}

.componentbox a {
    display: inline-block;
    width: 80%;
    margin: 14px;
}

label{font-weight: 400 !important;}

div select {color: #fff;}

.note-editable {height: 500px !important;}

.fullscreen .note-editable {height: 1037px !important;}

tr [value="0"] {background: #d02a2a; color: #fff;border:none}

tr [value="1"] {background: green; color: #fff;border:none;}

.note-editable a {width:auto; margin: 0}

div#myDropZone {
    width: 340px!important;
    height: 227px!important;
}

.dz-preview {display:none}
.dz-preview:last-child {display: block}

.lastaction {list-style: none;padding-left: 10px; padding-right: 27px;}
.lastaction li {padding: 10px;border-bottom: 1px solid #ddd}



.error:hover::after {
    visibility: visible;
    opacity: 1;
}
.error::after {
    content: attr(text) ' ' attr(data-suggestions);
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    z-index: 100;
    visibility: hidden;
    background: #fff;
    padding: 20px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    width: 300px;
}

.error.misspelling:hover {
    background: rgba(255,0,0,0.3);
}
.error.misspelling {
    background: rgba(255,0,0,0.2);
}
.error:hover {
    background: #ecd26f;
}

.error {
    position: relative;
    cursor: Pointer;
    border-bottom: 1px dotted black;
}
.error {
    cursor: pointer;
    background: #fee481;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0.2);
    border-bottom: 1px solid red;
    padding: 2px 3px;
}

tr [competition="Hoch"] {
    background: #d02a2a;
    color: #fff;
}

tr [competition="Mittel"] {
    background: yellow;
}

tr [competition="Gering"] {
    background: green;
    color: #fff;
}

th {
	background: #5e0614!important;
}

[name="newsletterselection"] {width: 10px; float: left; margin-right: 8px; margin-top: 3px;}

div div #myDropZone {display:none}

.containerinputdelete::before {
    content: "X";
    color: #d02a2a;
    position: absolute;
    right: 17%;
    top: 0;
}

.containerinputdelete {
    margin: 0 !important;
}

.content.transition-all-ease-out {display: block;}

@media (max-width: 1160px) {
	.backendmenucontainer {background-size: 2000%;}
}