@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

@font-face {
    font-family: 'encodesans_extralight';
    src: url('webfonts/encodesans-extralight-webfont.woff2') format('woff2'),
         url('webfonts/encodesans-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'encodesans_regular';
    src: url('webfonts/encodesans-regular-webfont.woff2') format('woff2'),
         url('webfonts/encodesans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'encodesans_semibold';
    src: url('webfonts/encodesans-semibold-webfont.woff2') format('woff2'),
         url('webfonts/encodesans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'encodesans_extrabold';
    src: url('webfonts/encodesans-extrabold-webfont.woff2') format('woff2'),
         url('webfonts/encodesans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'password';
    src: url('webfonts/password.woff2') format('woff2'),
         url('webfonts/password.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

html, body {
    margin: 0px;
    padding: 0px;
	/*
	height: 100vh;
	*/
	height: 100%;
	max-height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #fcdfb3;
	/*
	background-color: #a9b9ab;
	*/
}

body.pages {
	overflow: hidden;
}

body.login {
	position: relative;
	min-width: 600px;
    background-color: #c2c6af;
	background-image: -webkit-linear-gradient(bottom, #ffe5bb, #8e9a96 100%);
	background-image: -moz-linear-gradient(bottom, #ffe5bb, #8e9a96 100%);
	background-image: linear-gradient(to top, #ffe5bb, #8e9a96 100%);
}

body, a, input, textarea, select, option {
    font-family: 'encodesans_regular';
    font-size: 15px;
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'encodesans_semibold';
    color: #70130c;
    font-weight: normal;
    padding: 0px;
	display: inline-block;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: 'encodesans_semibold';
    color: #70130c;
    text-decoration: none;
}

h1 {
    margin: 20px 0px 10px 0px;
}

h1, h1 a {
    font-size: 30px;
}

h2 {
    margin: 20px 0px 10px 0px;
}

h2, h2 a {
    font-size: 25px;
}

h3 {
    margin: 20px 0px 10px 0px;
}

h3, h3 a {
    font-size: 22px;
}

h4 {
    margin: 20px 0px 10px 0px;
}

h4, h4 a {
    font-size: 19px;
}

h5, h6 {
    margin: 20px 0px 10px 0px;
}

h5, h5 a, h6, h6 a {
    font-size: 17px;
}

p  {
    padding: 0px;
    margin: 7px 0px 7px 0px;
}

ul, ol  {
    padding: 0px 0px 0px 25px;
    margin: 7px 0px 7px 0px;
}

li {
    padding: 0px;
    margin: 3px 0px 3px 0px;
}

h1, h2, h3, h4, h5, h6, p, li, div {
	-webkit-hyphens: auto;
	-noz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, ul:first-child, ol:first-child, li:first-child, blockquote:first-child {
    margin-top: 0px;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, li:last-child, blockquote:last-child {
    margin-bottom: 0px;
}

strong {
    font-family: 'encodesans_semibold';
	font-weight: normal;
}

.alignleft {
    text-align: left;
}

.aligncenter {
    text-align: center;
}

.alignright {
    text-align: right;
}

.alignjustify {
    text-align: justify;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.capalized {
	text-transform: capalized;
}

.indent1 {
    margin-left: 30px;
}

.indent2 {
    margin-left: 60px;
}

.indent3 {
    margin-left: 90px;
}

.indent4 {
    margin-left: 120px;
}

.indent5  {
    margin-left: 150px;
}

.indent6 {
    margin-left: 180px;
}

.indent7  {
    margin-left: 210px;
}

.indent8  {
    margin-left: 240px;
}

.indent9  {
    margin-left: 270px;
}

.indent10  {
    margin-left: 300px;
}

.inputblock {
    margin-top: 10px;
}

.inputblock:first-child {
    margin-top: 0px;
}

.inputhead {
    font-family: 'encodesans_semibold';
	color: #70130c;
    margin: 15px 0px 5px 0px;
	position: relative;
}

.inputsubhead {
    font-family: 'encodesans_semibold';
    margin: 8px 0px 2px 0px;
}

.inputhead:first-child,
.inputsubhead:first-child {
    margin-top: 0px;
}

.inputname {
	margin: 10px 0px 3px 0px;
	/*
	text-transform: uppercase;
	font-style: italic;
	*/
    font-family: 'encodesans_semibold';
	line-height: 100%;
}

.inputname:first-child {
    margin-top: 0px;
}

.input {
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: #7b7b7b;
	padding: 5px 10px;
	height: 33px;
	width: 100%;
}

.inputsmall {
	width: 25%;
}

.inputdate {
	width: 85px;
	margin: 0px 5px;
	padding: 3px 6px;
	height: 23px;
	text-align: center;
}

.button {
    font-family: 'encodesans_semibold';
	box-sizing: border-box;
	border: 0px;
	/*
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	*/
	padding: 5px 20px;
	height: 33px;
	width: 100%;
	background-color: #7b7b7b;
	color: #fff;
	cursor: pointer;
}

/*
input[name="saveangebot"] {
	padding: 5px 20px;
	width: auto;
}
*/

::placeholder {
	opacity: 1;
	color: #9f9f9f;
}

::-ms-input-placeholder {
	color: #9f9f9f;
}

input[name="passwort"] {
    font-family: 'password';
}

input[name="passwort"]::placeholder {
    font-family: 'encodesans_regular';
}

textarea.input {
	min-height: 53px;
	resize: vertical;
}

select.input {
	padding: 4px 5px;
	height: 33px;
	background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

select.input option {
    font-family: arial;
	padding: 2px 10px;
	background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	text-overflow: ellipsis;
}

.inputselect {
	display: inline-block;
	width: 100%;
	position: relative;
	overflow: visible;
}

.inputselect:after {
	content: '';
	width: 0px;
	height: 0px;
	position: absolute;
	pointer-events: none;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid #7b7b7b;
	top: 13px;
	right: 12px;
}

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

.inputupload {
	position: relative;
	overflow: visible;
}

input[type="file"] {
	border: 0px;
	box-sizing: border-box;
	padding: 6px 0px;
	width: 100%;
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.inputline {
	margin: 6px 0px 3px 0px;
}

.inputlabel {
	margin: 6px 0px 3px 25px;
}

.inputlabel label {
	position: relative;
	cursor: pointer;
}

.inputlabel input + span.inputbox {
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	border-width: 1px;
	border-style: solid;
	border-color: #7b7b7b;
	background-color: #fff;
	top: -1px;
	left: -25px;
}

.inputlabel input[type="radio"] + span.inputbox {
    border-radius: 9px;
}

a:focus, button:focus, 
input:focus, textarea:focus,
select:focus, input:invalid {
	outline: none;
}

.inputlabel input[type="checkbox"].inputerror:invalid + span.inputbox {
	-webkit-box-shadow: 0px 0px 4px 2px #ff0000;
	-moz-box-shadow: 0px 0px 4px 2px #ff0000;
	-ms-box-shadow: 0px 0px 4px 2px #ff0000;
	box-shadow: 0px 0px 4px 2px #ff0000;
}

.inputlabel input[type="radio"],
.inputlabel input[type="checkbox"] {
	opacity: 0;
	width: 0px;
	height: 0px;
	position: absolute;
	z-index: -1;
	margin-left: -25px;
}

.inputlabel input[type="radio"]:checked + span.inputbox:before {
    content: '';
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	top: 3px;
	left: 3px;
    border-radius: 4px;
	background-color: #000;
}

.inputlabel input[type="checkbox"]:checked + span.inputbox:before {
    content: '';
	position: absolute;
	border-right-width: 4px;
	border-bottom-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	border-top: 15px solid transparent;
	border-left: 8px solid transparent;
	width: 0px;
	height: 0px;
	top: -11px;
	left: 6px;
	-webkit-transform: rotate(73deg) skew(36deg);
	-moz-transform: rotate(73deg) skew(36deg);
	-ms-transform: rotate(73deg) skew(36deg);
	-o-transform: rotate(73deg) skew(36deg);
	transform: rotate(73deg) skew(36deg);
}

.inputlabel.artikelpruefung {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

.inputlabel input[type="checkbox"] + span.txtgeprueft {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	margin: -3px 6px -3px 0px;
	border-radius: 10px;
	background-color: #d81313;
	box-shadow: rgba(0, 0, 0, 0.35) -5px -8px 7px -5px inset;
}

.inputlabel input[type="checkbox"]:checked + span.txtgeprueft {
	background-color: #3ca131;
}

.inputlabel input[type="checkbox"] + span.txtgeprueft:hover:before {
	content: attr(data-ungeprueft);
	position: absolute;
	display: inline-block;
	box-sizing: border-box;
	font-size: 13px;
	white-space: nowrap;
	background-color: rgba(255, 255, 255, 0.6);
	border: 1px solid #888;
	box-shadow: rgba(0, 0, 0, 0.25) 4px 4px 5px 0px;
	border-radius: 3px;
	padding: 4px 6px 2px 6px;
	top: -31px;
	left: -6px;
}

.inputlabel input[type="checkbox"]:checked + span.txtgeprueft:hover:before {
	content: attr(data-geprueft);
}

.inlineform {
	display: inline-block;
}

.loginbox {
	box-sizing: border-box;
	padding: 30px;
	text-align: center;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
}

.loginheadline {
	/*
    font-family: 'encodesans_semibold';
	*/
	font-family: 'encodesans_extrabold';
    font-size: 50px;
    color: #2f4167;
	letter-spacing: 4px;
	text-transform: uppercase;
	white-space: nowrap;
	text-shadow: 0 0 9px rgba(255,255,255,0.2), 0 0 9px rgba(255,255,255,0.2), 0 0 9px rgba(255,255,255,0.2);
}

.loginsubline {
    font-family: 'encodesans_semibold';
    font-size: 20px;
    color: #fff;
	text-align: justify;
	text-transform: uppercase;
	margin-top: -10px;
	text-shadow: 0 0 5px rgba(0,0,0,0.2), 0 0 5px rgba(0,0,0,0.2), 0 0 5px rgba(0,0,0,0.2);
}

.loginsubline:after {
	content: "";
	display: inline-block;
	width: 100%;
}

.loginaposervice {
    font-family: 'encodesans_extrabold';
    font-size: 37px;
    color: #2f4167;
	letter-spacing: 2px;
	text-align: center;
	white-space: nowrap;
	text-shadow: 0 0 7px rgba(255,255,255,0.2), 0 0 7px rgba(255,255,255,0.2), 0 0 7px rgba(255,255,255,0.2);
	margin-top: -10px;
}

.loginform {
	margin-top: 30px;
}

.loginform .failedtext {
    font-family: 'encodesans_extrabold';
	color: #70130c;
	text-align: center;
	padding-bottom: 15px;
	/*
	text-shadow: 0 0 7px rgba(255,255,255,0.2), 0 0 7px rgba(255,255,255,0.2), 0 0 7px rgba(255,255,255,0.2);
	*/
	text-shadow: 0 0 6px rgba(255,255,255,0.6), 0 0 6px rgba(255,255,255,0.6), 0 0 6px rgba(255,255,255,0.6);
}

.loginform input[type="text"],
.loginform input[type="password"] {
	border-color: #2f4167;
	background-color: rgba(255,255,255,0.7);
}

.loginform ::placeholder {
	color: #9a9a9a;
}

.loginform ::-ms-input-placeholder {
	color: #9a9a9a;
}

.loginform .button {
    font-family: 'encodesans_semibold';
	border-color: rgba(47,65,103,0.7);
	background-color: rgba(47,65,103,0.7);
	color: #fff;
}

.landschaft {
	width: 100%;
	position: absolute;
	bottom: 0;
	overflow: hidden;
}

.landschaft .plaxifier {
	position: relative;
	padding-bottom: 50%;
}

.landschaft .plaxifier:before {
	content: "";
	display: block;
	width: 100%;
	padding-bottom: 50%;
}

.landschaft .plax {
	position: absolute;
	width: 106%;
	height: auto;
	margin: 0 -3%;
}

.landschaft img {
	display: block;
}

.schiff {
	padding-bottom: 50%;
}

.schiff img {
	position: absolute;
	width: 100%;
	animation-duration: 180s; /* 180s; */
	animation-timing-function: linear;
	animation-name: fahren;
	animation-iteration-count: infinite;
	animation-direction: normal;
}

@keyframes fahren {
	0% {
		left: -62%;
	}
	25% {
		left: -27%;
	}
	50% {
		left: 8%;
	}
	74.999% {
		left: 43%;
		opacity: 1;
	}
	75% {
		opacity: 0;
	}
	75.001% {
		opacity: 1;
		left: -97%;
	}
	100% {
		left: -62%;
	}
}

#wait {
	position: fixed;
	width: 80px;
	height: 80px;
	top: 50%;
	left: calc(50% + 155px);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 100;
	display: none;
}

#wait img {
	width: 100%;
	height: 100%;
}

#wait.center {
	left: 50%;
}

#wait.show {
	display: block;
}

#zugangcopied,
#filenamecopied {
	position: fixed;
	font-family: 'encodesans_semibold';
	font-size: 17px;
	color: #70130c;
	background-color: #fff;
	padding: 15px 30px;
	top: 50%;
	left: calc(50% + 5px);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
	opacity: 0;
	-webkit-transition: z-index 1.5s step-end, opacity 1.5s ease-in-out;
	-moz-transition: z-index 1.5s step-end, opacity 1.5s ease-in-out;
	-ms-transition: z-index 1.5s step-end, opacity 1.5s ease-in-out;
	-o-transition: z-index 1.5s step-end, opacity 1.5s ease-in-out;
	transition: z-index 1.5s step-end, opacity 1.5s ease-in-out;
}

#filenamecopied.apotheke {
	left: calc(50% + 155px);
}

#zugangcopied.show,
#filenamecopied.show {
	z-index: 100;
	opacity: 1;
	-webkit-transition: z-index 0s step-start, opacity .1s ease-in-out;
	-moz-transition: z-index 0s step-start, opacity .1s ease-in-out;
	-ms-transition: z-index 0s step-start, opacity .1s ease-in-out;
	-o-transition: z-index 0s step-start, opacity .1s ease-in-out;
	transition: z-index 0s step-start, opacity .1s ease-in-out;
}

.page {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	width: 100%;
	height: 100%;
	max-height: 100%;
	/*
	min-width: 1500px;
	*/
}

.menublock, .contentblock {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    align-self: stretch;
	max-height: 100%;
}

.menublock {
	background-color: #70130c;
	width: 310px;
	position: relative;
	z-index: 5;
}

.contentblock {
	width: calc(100% - 310px);
}

.mainmenu {
	display: block;
	padding: 30px;
	overflow: auto;
	max-height: calc(100% - 60px);
}

.apoansicht {
	width: 23px;
	height: auto;
	position: absolute;
	margin: 0px 0px 0px 16px;
	cursor: pointer;
}

.apolistviewer {
	position: absolute;
	overflow: hidden;
	left: 309px;
	width: auto;
	max-width: 0px;
	/*
	margin-left: -279px;
	*/
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.apolistviewer.opened {
	max-width: 300px;
}

.apolistview {
	position: relative;
	padding: 15px 30px;
	background-color: #70130c;
	color: #fff !important;
	white-space: nowrap;
	width: 175px;
	right: 0px;
	/*
	left: auto;
	*/
	float: right;
}

.apolistview .inputhead {
	color: #fff;
	margin-bottom: 5px;
}

.apolistview .inputlabel input + span.inputbox {
	border-color: #fff;
	border-width: 2px;
	background-color: transparent;
}

.apolistview .inputlabel input[type="radio"]:checked + span.inputbox:before {
	background-color: #fff;
	top: 2px;
	left: 2px;
}

.apolistview .inputlabel input[type="checkbox"]:checked + span.inputbox:before {
	border-right-color: #fff;
	border-bottom-color: #fff;
	top: -12px;
	left: 4px;
}

.mainmenu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.mainmenu > ul {
	margin: 15px 0px 0px 0px;
}

.mainmenu > ul:first-child {
	margin-top: 0px;
}

.mainmenu ul li {
	padding: 0px 0px 5px 25px;
	margin: 0px;
	position: relative;
}

.mainmenu > ul > li {
	padding-left: 0px;
}

.mainmenu ul li span,
.mainmenu ul li a {
    font-family: 'encodesans_extrabold';
	color: #fff;
	padding: 0px;
	text-decoration: none;
}

.mainmenu ul li span {
	cursor: default;
	display: inline-block;
}

.mainmenu > ul ul li a {
	position: relative;
}

.mainmenu > ul ul li a:before {
	content: '•';
	display: inline-block;
	margin-right: 5px;
	position: absolute;
	top: -3px;
	left: -14px;
}

.mainmenu > ul ul li a.current:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 5px 0px 5px 7px;
	top: 1px;
	left: -14px;
}

.mainmenu > ul ul li a.aktiv,
.mainmenu > ul ul li a:hover {
	color: #95a7a1;
	/*
	color: #a9b9ab;
	color: #fcdfb3;
	*/
}

.mainmenu > ul ul li a.aktiv:before,
.mainmenu > ul ul li a:hover:before {
	font-size: 30px;
	line-height: 0;
	top: 5px;
	left: -17px;
}

.mainmenu > ul ul li a.current.aktiv:before,
.mainmenu > ul ul li a.current:hover:before {
	border-width: 8px 0px 8px 10px;
	border-left-color: #95a7a1;
	top: -2px;
	left: -16px;
}

.mainmenu > ul ul > li:first-child {
	padding-top: 8px;
}

.mainmenu > ul ul > li:last-child {
	padding-bottom: 0px;
}

.mainmenu ul li a.aponew {
    font-family: 'encodesans_regular';
	text-decoration: underline;
}

/*
.attachedtop {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
*/

.attachedbottom {
	position: fixed;
	width: 100%;
	z-index: 4;
	bottom: 0px;
	-webkit-box-shadow: -13px 0px 22px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: -13px 0px 22px 0px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: -13px 0px 22px 0px rgba(0, 0, 0, 0.5);
	box-shadow: -13px 0px 22px 0px rgba(0, 0, 0, 0.5);
}

.scollerlists {
}

.scollerlists:after {
	content: '';
	display: block;
	clear: left;
}

.scollerlists .scoller {
	float: left;
	-webkit-transition: width .2s ease-in-out;
	-moz-transition: width .2s ease-in-out;
	-ms-transition: width .2s ease-in-out;
	-o-transition: width .2s ease-in-out;
	transition: width .2s ease-in-out;
}

.scollerlists .scoller:first-child {
	width: calc(100% - 300px);
}

.scollerlists .scoller:last-child {
	width: 300px;
}

.scollerlists.editsidelist .scoller:first-child {
	width: 300px;
}

.scollerlists.editsidelist .scoller:last-child {
	width: calc(100% - 300px);
}

.sidelist {
	background-color: #ccc8ad;
}

.sidelist > div {
	box-sizing: border-box;
	border-bottom: 1px solid #86815d;
}

.sidelist > div:last-child {
	border: 0px;
}

.sidelist h4 {
	color: #000;
	margin: 0px;
}

.sidelist .opener {
	height: 100%;
	width: 15px;
	float: left;
	position: fixed;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/opener.svg');
	background-color: #c1bea5;
	cursor: pointer;
}

.editsidelist .sidelist .opener {
	background-image: url('../img/closer.svg');
}

.sidelist .importlists {
	width: calc(100% - 15px);
	margin-left: 15px;
	float: left;
}

.importlistsforms form {
	float: left;
	width: 225px;
	max-width: 100%;
	margin: 2px 10px 2px 0px;
}

.importlistsforms:after {
	content: '';
	display: block;
	width: 100%;
	height: 0px;
	clear: left;
}

.importlists .inputselect .input {
	padding: 4px 15px 4px 5px;
}

.sidelist:after {
	content: '';
	display: block;
	width: 100%;
	height: 0px;
	clear: left;
}

.sidelist .inputhead {
	color: #000;
	margin-bottom: 0px;
}

.sidelist .stripe {
	padding: 15px 30px;
}

.sidelist .stripe:hover {
	background-color: #c1bea5;
}

.sidelist .stripe:first-child {
	padding-top: 20px;
}

.sidelist .stripe:last-child {
	margin-bottom: 15px;
}

#win_newimport .popupwin {
	width: 500px;
}

.importhead {
	position: relative;
}

.importhead span {
	font-family: 'encodesans_semibold';
	font-size: 17px;
	color: #70130c;
}

.importerstellt {
	font-size: 13px;
	margin-top: 3px;
}

#editimportlist {
	position: absolute;
	height: 19px;
	margin: -1px 0px 0px 8px;
	cursor: pointer;
}

.addimportpage {
	font-size: 13px;
	float: right;
	padding: 0px 0px 3px 5px;
}

#importitems {
	margin: 10px 0px;
}

.importitem {
	box-sizing: border-box;
	width: calc(100% + 20px);
	padding: 2px 30px 2px 25px;
	margin: 0px -10px;
	position: relative;
	cursor: grab;
}

.importitem:hover {
	background-color: #ccc8ad;
}

.importitem.importpage {
	padding: 2px 30px 2px 10px;
}

.importitem .importdelete {
	position: absolute;
	right: 10px;
	height: 14px;
	margin-top: 1px;
	cursor: pointer;
}

.importtext .inputhead {
	font-family: 'encodesans_regular';
}

.importempty {
	margin-top: 7px;
}

.scoller {
	box-sizing: border-box;
	overflow: auto;
}

.zugangicons {
	margin-top: 10px;
}

.linkzugang {
	height: 18px;
	width: auto;
}

.copyzugang {
	cursor: pointer;
	margin-left: 10px;
}

.listeapotvauftraege.hide {
	display: none;
}

.stripetop {
	padding: 10px 30px 5px 30px;
	background-color: #70130c;
}

.stripetop h1 {
	color: #fff;
}

/*
.stripetop.apohead {
	padding: 5px 30px 10px 30px;
}
*/

.stripe {
	padding: 20px 30px;
}

.stripeside {
	padding: 0px 30px;
}

.stripelight {
	background-color: #a9b9ab;
}

.stripewhite {
	background-color: #fff;
}



.stripe .openfile {
	display: inline-block;
}

/*
.stripes .stripe:nth-child(odd) {
	background-color: #e4d3ae;
}
*/

.stripes .stripe:nth-child(even) {
	background-color: #ffedcb;
}

.notizalert {
	border: 5px solid transparent;
	box-shadow: inset 0 0 0 5px #f00;
	box-sizing: border-box;
	padding: 20px 25px;
}

.notizalert .alert strong {
	color: #70130c;
}

/*
.notizalert .editnotizalert {
	margin: -3px 0px 0px 10px;
	width: 22px;
	cursor: pointer;
}
*/

#viewnotizensize {
	position: absolute;
	display: inline-block;
	box-sizing: border-box;
	height: 18px;
	min-width: 18px;
	width: auto;
	text-align: center;
	/*
	padding: 2px;
	*/
	padding: 3px 2px 0px 1px;
	margin: 0px 0px 0px 15px;
	border-radius: 10px;
	background-color: #fff;
	font-size: 12px;
	color: #70130c;
}

#notizlist {
	position: relative;
}

.notizen {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 0px;
}

.notiz {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-align-self: stretch;
    -ms-align-self: stretch;
    align-self: stretch;
	width: 33.33333%;
	box-sizing: border-box;
	padding: 10px 20px;
}

.notizen .notiz:nth-child(even) {
	background-color: #ffedcb;
}

.notizhead {
	box-sizing: border-box;
	margin: 0px;
	padding: 10px 10px 0px 10px;
}

.notizhead:after {
	content: '';
	display: block;
	height: 0px;
	clear: both;
}

.notizhead h1 {
	float: left;
	margin-top: 0px;
}

.notizblock {
	border-bottom: 1px solid #666;
	box-sizing: border-box;
	padding: 5px 10px;
	/*
	margin: 5px 10px;
	*/
}

.notizblock.notizhilite {
	position: relative;
	z-index: 1;
	background-color: #fff;
	border-bottom-color: #fff;
	box-shadow: 0 0 15px #f00;
	border-radius: 5px;
	/*
	*/
}

.notizblock:last-child {
	/*
	margin-bottom: 0px;
	padding-bottom: 0px;
	*/
	border-bottom: 0px;
}

.notizblock .inputline:first-child {
	margin-top: 0px;
}

.notizblock .alerttext {
	/*
	font-weight: bold;
	*/
	display: none;
}

/*
.notizblock .alerttext.show {
	display: block;
}
*/

.notizbuttons {
	margin: 5px 0px 0px 0px;
}

.kontaktphone {
	height: 17px;
	width: auto;
	margin: -1px 0px 0px 16px;
	position: absolute;
	cursor: pointer;
}

.liefertruck {
	height: 17px;
	width: auto;
	margin: -1px 0px 0px 50px;
	position: absolute;
	cursor: pointer;
}

.smalltxt {
    font-size: 13px;
}

.listhead {
    font-family: 'encodesans_semibold';
	padding-bottom: 7px;
}

.listerror {
	color: #a81010;
	font-size: 14px;
	padding-bottom: 7px;
}

.listusername, .listpasswort, .listbutton {
	display: inline-block;
	margin-right: 20px;
}

.listusername, .listpasswort {
	width: 230px;
}

.listbutton, .listbutton input {
	width: 170px;
}

.listapodata {
	max-width: 600px;
}

.streichpreis .inputlabel {
	display: inline-block;
	margin-right: 20px;
}

.pfadesize {
	width: 50px;
	display: inline-block;
}

#blockpfadedomains .stripe:first-child {
	padding-top: 0px;
}

#blockpfadedomains .listapodata {
	width: 630px;
	max-width: 630px;
}

#blockpfadedomains .listapodata:after,
#exportdata .listapodata:after {
	content: '';
	display: block;
	clear: left;
}

#exportdata .listapodata {
	width: 480px;
	max-width: 480px;
}

.apodatasettings {
	margin-top: 5px;
	margin-right: 30px;
	width: 285px;
	float: left;
}

#exportdata .apodatasettings {
	margin-top: 2px;
	width: 220px;
}

#exportdata .apodatasettings:last-child {
	margin-right: 0px;
}

.apodatasettings .smalltxt {
	margin-top: 3px;
}

.imgsettingstxt.smalltxt {
	margin-top: 4px;
	padding-bottom: 5px;
}

.imgsettingsfields:after {
	content: '';
	display: block;
	clear: left;
}

.apodataimgsettings {
	white-space: nowrap;
	float: left;
}

.apodataimgsettings:first-child {
	margin-right: 20px;
}

.inputflyerpage {
	width: 45px;
}

.apodatabuttons:after {
	content: '';
	display: block;
	clear: left;
}

.apodatabuttons .button {
	box-sizing: border-box;
	width: 285px;
	float: left;
}

.apodatabuttons .button:first-child {
	margin-right: 30px;
}

.snippetslist .inputlabel {
	margin: 10px 0px 10px 25px;
}

.inputsmallnumber {
	width: 50px;
}

.inputmediumnumber {
	width: 60px;
}

input[name="ftp[passwort]"] {
    font-family: 'password';
}

.apohead {
    font-family: 'encodesans_semibold';
	color: #fff;
	/*
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	*/
}

.apohead:after {
	content: '';
	display: block;
	height: 0px;
	clear: both;
}

.apoheadleft {
	float: left;
	/*
	float: right;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	*/
}

.apohead h1 {
	/*
	font-family: 'encodesans_extrabold';
	*/
	margin: 0px 40px 0px 0px;
}

#aponame {
	color: #fff;
}

#aponame.zeile2, #aponame.zeile2 a {
    font-size: 26px;
}

#aponame.zeile3, #aponame.zeile3 a {
    font-size: 22px;
}

.apohead .winopen {
    font-family: 'encodesans_semibold';
	color: #fff;
	display: inline-block;
}

.apohead .winopen span {
    font-family: 'encodesans_semibold';
	font-size: 18px;
	color: #fff;
	margin: 0px 10px;
	cursor: pointer;
}

.apohead .winopen span:first-child {
	margin-left: 0px;
}

.apohead #export {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	position: relative;
	/*
	-webkit-transform: translateZ(1em);
	-moz-transform: translateZ(1em);
	-ms-transform: translateZ(1em);
	-o-transform: translateZ(1em);
	transform: translateZ(1em);
	*/
}

.apohead #export > span {
    font-family: 'encodesans_semibold';
	font-size: 18px;
	color: #fff;
	cursor: default;
}

.apohead #export ul {
	margin: 0px 0px 0px -20px;
	padding: 0px;
	list-style: none;
	position: absolute;
	z-index: -1;
	opacity: 0;
	-webkit-transition: z-index .2s step-end, opacity .2s ease-in-out;
	-moz-transition: z-index .2s step-end, opacity .2s ease-in-out;
	-ms-transition: z-index .2s step-end, opacity .2s ease-in-out;
	-o-transition: z-index .2s step-end, opacity .2s ease-in-out;
	transition: z-index .2s step-end, opacity .2s ease-in-out;
}

.apohead #export:hover ul {
	z-index: 9;
	opacity: 1;
	-webkit-transition: z-index 0s step-start, opacity .2s ease-in-out;
	-moz-transition: z-index 0s step-start, opacity .2s ease-in-out;
	-ms-transition: z-index 0s step-start, opacity .2s ease-in-out;
	-o-transition: z-index 0s step-start, opacity .2s ease-in-out;
	transition: z-index 0s step-start, opacity .2s ease-in-out;
}

.apohead #export ul li {
    font-family: 'encodesans_semibold';
	font-size: 15px;
	color: #fff;
	margin: 0px;
	padding: 4px 20px;
	background-color: #70130c;
	white-space: nowrap;
}

.apohead #export ul li span {
	cursor: pointer;
}

.apohead #export ul li a {
    font-family: 'encodesans_semibold';
	font-size: 15px;
	color: #fff;
	text-decoration: none;
}

.apohead #export ul li:first-child {
	padding-top: 14px;
}

.apohead #export ul li:last-child {
	padding-bottom: 14px;
}

.zuganghead:after {
	content: '';
	display: block;
	height: 0px;
	clear: both;
}

.zuganghead h1 {
	float: left;
	margin-top: 0px;
}

.extzugang {
	position: relative;
}

.zugangname {
	display: block;
	padding: 2px 0px;
	position: absolute;
}

.zugangvalue {
	display: block;
	min-height: 18px;
	padding: 2px 0px;
	margin-left: 120px;
}

input[name="zugang_password"],
.zugangvalue[data-zugang="password"],
input[name="apotv_extern[pass]"] {
    font-family: 'password';
}

.zugangbuttons {
	margin: 10px 0px 0px 120px;
}

.menuright {
	color: #fff;
	padding: 0px 0px 4px 0px;
	float: right;
}

.menuright a {
	color: #fff;
	margin: 0px 10px;
}

.menuright a:first-child {
	margin-left: 0px;
}

.menuright a:last-child {
	margin-right: 0px;
}

.apotvblocks .inputhead {
	position: relative;
}

.apowerbeblocks .inputhead {
	position: relative;
	margin: 0px;
}

.apowerbeblocklist {
	margin-top: 7px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.stripe.onlyanzeige.hide,
.apowerbeblocklist.hide {
    display: none;
}

.apowerbeblocklist:after {
	content: '';
	display: block;
	height: 0px;
	clear: left;
}

.apowerbeblock {
	padding: 7px 0px 0px 0px;
	line-height: 140%;
}

.apowerbeblocklist .apowerbeblock {
	padding: 10px 15px;
	float: left;
	width: 33.3333%;
	box-sizing: border-box;
	border: 1px solid #999;
	margin: 0px -1px -1px 0px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.apowerbeblock > strong {
  position: relative;
}

.apowerbeblock .inputlabel {
	margin: 5px 0px 0px 25px;
}

.workflowblock {
	padding: 5px 0px;
}

.workflowline {
	cursor: default;
}

.workflowline.nextstep {
	cursor: pointer;
}

.workflowline.nextstep span.coloredbg:before {
	content: '';
	display: inline-block;
	position: relative;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: transparent transparent transparent #000;
	border-width: 9px 0px 9px 8px;
}

.workflowline:after {
	content: '';
	display: block;
	height: 0px;
	clear: left;
}

.workflowline span {
	display: block;
	float: left;
	font-size: 13px;
}

.workflowline span.coloredbg {
	width: 40px;
	height: 20px;
	background-image: -webkit-linear-gradient(21deg, rgba(0, 0, 0, 0.3), transparent 63%);
	background-image: -moz-linear-gradient(21deg, rgba(0, 0, 0, 0.3), transparent 63%);
	background-image: linear-gradient(21deg, rgba(0, 0, 0, 0.3), transparent 63%)
}

.workflowline span.workflowtext {
	padding: 3px 0px 0px 10px;
	line-height: 15px;
}

.workflowline.wf_color_a span.coloredbg {
	background-image: none;
	background-color: #d00f05;
}

.workflowline.wf_color_b span.coloredbg {
	background-image: none;
	background-color: #e0650d;
}

.workflowline.wf_color_c span.coloredbg {
	background-image: none;
	background-color: #e0650d;
}

.workflowline.wf_color_d span.coloredbg {
	background-image: none;
	background-color: #f9b212;
}

.workflowline.wf_color_e span.coloredbg {
	background-image: none;
	background-color: #ffed16;
}

.workflowline.wf_color_f span.coloredbg {
	background-image: none;
	background-color: #bef213;
}

.workflowline.wf_color_g span.coloredbg {
	background-image: none;
	background-color: #1fc213;
}

.workflowline.wf_color_h span.coloredbg {
	background-image: none;
	background-color: #07794f;
}

.workflowline.wf_color_i span.coloredbg {
	background-image: none;
	background-color: #074093;
}

.workflowline.wf_color_j span.coloredbg {
	background-image: none;
	background-color: #5c0fc8;
}

.workflowline.wf_color_k span.coloredbg {
	background-image: none;
	background-color: #aa15a6;
}

.popupbg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 10;
}

.popupbg.show {
	display: block;
}

.popupwin {
	background-color: #fff;
	border: 1px solid #000;
	padding: 30px;
	position: absolute;
	box-sizing: border-box;
	max-width: calc(100% - 40px);
	max-height: 90%;
	overflow: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.popupwin .inputhead {
	color: #000;
}

#popupflyeralarm {
	z-index: 20;
}

#closeflyeralarm {
	cursor: pointer;
	position: absolute;
	right: 25px;
	width: 30px;
	height: 30px;
}

#closeflyeralarm:before,
#closeflyeralarm:after {
	content: '';
	display: block;
	width: 30px;
	height: 7px;
	border-radius: 4px;
	background-color: #000;
}

#closeflyeralarm:before {
	margin-top: 12px;
	transform: rotate(45deg);
}

#closeflyeralarm:after {
	margin-top: -7px;
	transform: rotate(-45deg);
}

.flyeralarmwin {
	background-color: #fff;
	border: 1px solid #000;
	padding: 30px;
	position: absolute;
	box-sizing: border-box;
	width: calc(100% - 100px);
	height: calc(100% - 100px);
	overflow: auto;
	top: 50px;
	left: 50px;
}

#winmeldung {
	font-family: 'encodesans_semibold';
	color: #70130c;
	text-align: center;
	overflow: hidden;
	margin-top: -8px;
	max-height: 0px;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#winmeldung.show {
	margin-top: 0px;
	max-height: 20px;
	opacity: 1;
}

#win_export #winmeldung {
	margin-top: -20px;
}

#editzeitraeume {
	position: absolute;
	width: 18px;
	margin: -3px 0px 0px 10px;
	cursor: pointer;
}

#win_editzeitraeume .popupwin {
	background-color: #a9b9ab !important;
}

.winbutton {
	text-align: center;
	margin-top: 20px;
}

.winbutton span {
	text-decoration: underline;
	cursor: pointer;
}

.blockflyerupload {
	margin-top: 20px;
	max-height: 20px; /* 45px; */
	overflow: hidden;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.blockflyerupload:first-child {
	margin-top: 0px;
}

.blockflyerupload.opened {
	max-height: 300px;
}

.blockflyerupload .inputsubhead {
	display: inline-block;
	text-decoration: underline;
	cursor: pointer;
}

.blockflyerupload form {
	display: block;
}

.douploadflyerbutton {
	margin: 15px 0px;
}

.fakelink, #neuemonate, .deletemonate, .delangebot, .editartikel, .editaltartikel, .openfile, .deletefile {
	text-decoration: underline;
	cursor: pointer;
}

#win_updatewerbung .popupwin {
	width: 500px;
}

#win_werbemittel .popupwin {
	max-width: 500px;
}

#win_werbemittel .textblock .inputlabel {
	margin: 5px 0px 10px 25px;
}

#win_zugang .popupwin {
	width: 500px;
}

#win_notiz .popupwin {
	width: 95%;
	min-width: 200px;
	max-width: 700px;
}

textarea.csv4wp {
	box-sizing: border-box;
	width: 1000px;
	max-width: 100%;
	height: 350px;
}

.textblock {
	margin-top: 20px;
}

#listwerbungen {
	margin-bottom: 10px;
}

.listwerbung {
	padding: 5px 0px 5px 100px;
	min-height: 36px;
	position: relative;
}

.listwerbung p {
	margin: 5px 0px 5px 0px;
}

.listwerbung div[data-werbung="fa_source"] {
	display: none;
}

.listwerbung .werbung_anzeige.hide {
	display: none;
}

.listwerbung .listwerbungbuttons {
	position: absolute;
	display: block;
	margin: 5px 0px 0px -100px;
}

.workflow_source {
	display: none;
}

#workflowlist, #workflowwiederlist {
	background-color: #eee;
	padding: 5px 15px;
	margin-bottom: 10px;
}

#workflowwiederblock, #workflowlist, #workflowwiederlist {
	display: none;
}

#workflowwiederblock.show, #workflowlist.show, #workflowwiederlist.show {
	display: block;
}

#addwerbung .werbungbase {
	margin-bottom: 6px;
}

#addwerbung .werbungbase > div:first-child {
	float: left;
	width: calc(30% - 20px);
	margin-right: 20px;
}

#werbungtyp option:first-child,
#edit_werbungtyp option:first-child {
	color: #9f9f9f !important;
}

#addwerbung .werbungbase > div:nth-child(2) {
	float: left;
	width: 70%;
	margin: 0px;
}

#addwerbung .werbungbase:after {
	content: '';
	display: block;
	clear: left;
}

#addwerbung .werbunginputs > div {
	margin-bottom: 6px;
}

#werbungdruck,
#edit_werbungdruck {
	display: none;
}

#werbungdruck.show,
#edit_werbungdruck.show {
	display: none;
	/*
	display: block;
	*/
}

.fa_block {
	margin-top: 20px;
}

.fa_source {
	display: none;
}

.fa_selectfields .fa_selector {
	float: left;
	width: calc(33.3333% - 20px);
	margin-right: 30px;
}

.fa_selectfields .fa_selector:nth-child(3n) {
	margin-right: 0px;
}

.fa_selectfields:after {
	content: '';
	display: block;
	clear: left;
}

.fa_block.hide {
	display: none;
}

.fa_selector.hide {
	display: none;
}

#bestell_selects .inputselect.hide {
	display: none;
}

#fa_block_adressen {
}

#fa_block_adressen .fa_txtfields {
	float: left;
	width: calc(50% - 15px);
	margin: 6px 30px 0px 0px;
}

#fa_block_adressen .fa_txtfields:nth-child(2n) {
	margin-right: 0px;
}

#fa_block_adressen:after {
	content: '';
	display: block;
	clear: left;
}

.fa_send_ansprechpartner input {
	float: left;
	width: calc(50% - 5px);
	margin-right: 10px;
}

.fa_send_ansprechpartner input:last-child {
	margin-right: 0px;
}

.fa_send_ansprechpartner:after {
	content: '';
	display: block;
	clear: left;
}

.fa_send_adresse {
	margin-top: 5px;
}

.fa_send_adresse input {
	float: left;
}

.fa_send_adresse input:first-child {
	width: 65px;
	margin-right: 10px;
}

.fa_send_adresse input:last-child {
	width: calc(100% - 75px);
}

.fa_send_adresse:after {
	content: '';
	display: block;
	clear: left;
}

.del_deliver {
	margin-top: 5px;
	text-align: right;
}

.fa_send {
	width: 50%;
	margin: 30px auto 0px auto;
}

.listemonate .inputhead,
.listemonate .textblock {
	margin-bottom: 20px;
}

.listemonate .inputlabel {
	margin-left: 100px;
}

#listzeitraeume {
	padding: 5px 0px;
}

#listzeitraeume .listzeitraum {
	padding: 5px 0px;
}

#listzeitraeume .listzeitraum .deletemonate {
	margin-right: 30px;
}

#listzeitraeume .listzeitraum .listzeitmonate {
	display: inline-block;
	background-color: #fff;
	padding: 6px 12px 3px 12px;
}

#listzeitmonateinfo {
	display: none;
	background-color: #fff;
	padding: 6px 12px 3px 12px;
	margin-bottom: 15px;
}

#listzeitmonateinfo.show {
	display: inline-block;
}

.lieferart {
	margin: 10px 0px 15px 0px;
}

.lieferart .inputlabel {
	display: inline-block;
	margin-right: 20px;
}

#addangebot {
	margin-right: 15px;
}

#delangebote {
	position: relative;
	margin: 0px 15px;
}

#druckvorschau {
	position: relative;
	margin-left: 15px;
}

#delangebote:before, #druckvorschau:before {
	content: '|';
	position: absolute;
	left: -16px;
}

#neuemonate {
	margin-top: 10px;
}

.selects {
	white-space: nowrap;
	/*
	-webkit-transform: rotate(0deg) translateZ(-1em);
	-moz-transform: rotate(0deg) translateZ(-1em);
	-ms-transform: rotate(0deg) translateZ(-1em);
	-o-transform: rotate(0deg) translateZ(-1em);
	transform: rotate(0deg) translateZ(-1em);
	*/
}

.selects:after {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	clear: left;
}

.selects > div {
	width: 300px;
	margin-right: 30px;
	float: left;
	/*
	display: inline-block;
	*/
}

.selects > div.selectsinfo {
	white-space: normal;
	width: auto;
	max-width: calc(100% - 560px);
	margin-right: 0px;
}

.selectmonthyear > * {
	display: inline-block;
	vertical-align: middle;
	margin: 2px 5px 2px 0px;
}

.selectmonthyear .selectzeitraumjahr {
	width: 185px;
}

.selectzeitraumjahr > .inputselect {
	float: left;
}

.selectzeitraumjahr:after {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	clear: left;
}

.selectzeitraumjahr > .inputselect:first-child {
	width: calc(100% - 72px);
}

.selectzeitraumjahr > .inputselect:last-child {
	width: 68px;
	margin-left: 4px;
}

.selectzeitraumjahr > .inputselect:first-child select.input {
	padding: 4px 23px 4px 5px;
}

.eingepflegt {
	margin-top: 12px;
}

.zeitraumvideoupload {
	margin-bottom: 8px;
}

.uploadzeitraum {
	width: 250px;
}

.uploadzeitraum select {
	margin-left: 15px;
	border: 0px;
	background-color: transparent;
}

.uploadzeitraum:after {
	right: 0;
	top: 12px;
	left: 9px;
}

.uploadexttv {
	margin-top: 13px;
}

.uploadexttv.uploadplusexttv {
	padding-top: 10px;
	border-top: 1px solid #999;
}

.seitenreiter {
	padding: 0px 25px;
	/*
	*/
	min-height: 34px;
}

.seitenreiter:after {
	content: '';
	display: block;
	height: 0px;
	clear: right;
}

.neueseiteright {
	position: relative;
	bottom: -9px;
	/*
	*/
	right: -5px;
	float: right;
}

.seitentop {
	position: relative;
	padding: 0px 30px 0px 30px;
}

.delseiteright {
	position: relative;
	top: 5px;
	right: -10px;
	float: right;
}

.neueseiteright span,
.delseiteright span {
	text-decoration: underline;
	margin: 0px 10px;
	cursor: pointer;
}

.reiter {
	display: inline-block;
	padding: 8px 27px 6px 27px;
	margin: 0px 5px;
	box-sizing: border-box;
	min-height: 34px;
	background-color: rgba(252, 223, 179, 0.4);
    font-family: 'encodesans_semibold';
	font-size: 17px;
	color: #70130c;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.reiter:hover, .reiter.aktiv {
	background-color: rgba(252, 223, 179, 1);
}

#seiteninhalt {
	padding-bottom: 10px;
}

#artikelblock {
	width: 450px;
}

.artikel_stueck, .artikel_menge, .artikel_einheit {
	display: inline-block;
}

.artikel_stueck {
	width: 90px;
}

.artikel_menge {
	width: 90px;
}

.artikel_einheit {
	width: 60px;
}

#editartikel_beschreibung, #altartikel_beschreibung {
	min-height: 60px;
}

.angebotsblock {
	padding: 20px;
	position: relative;
}

.angebotrightlinks {
	position: relative;
	text-align: right;
	line-height: 130%;
	top: -15px;
	float: right;
}

.angebotsblock:nth-child(odd) {
	background-color: #e4d3ae;
}

.angebotsblock:nth-child(even) {
	background-color: #ffedcb;
}

hr.infosborder {
	position: relative;
	display: block;
	height: 0px;
	padding: 0px;
	margin: 0px 0px 6px 0px;
	top: 8px;
	background-color: transparent;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #7b7b7b;
	clear: both;
}

.artikelinfos {
	float: left;
}

.inputlabel.center {
	margin: 6px 30px 3px 25px;
	display: inline-block;
}

.inputline.center {
	margin: 6px 30px 3px 0px;
	display: inline-block;
}

.imagesline .inputline.center:nth-last-child(2) {
	margin-right: 45px;
}

.imagesline {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	float: left;
}

.imagesline, .center {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-align-self: center;
    -ms-align-self: center;
    align-self: center;
	padding: 3px 0px;
}

.imgfilename {
	margin: 0px 0px -3px 12px;
	width: 21px;
	height: auto;
	cursor: pointer;
}

.center.istopangebot {
	margin-right: 0px;
    -webkit-align-self: start;
    -ms-align-self: start;
    align-self: start;
}

.preiseline:before {
	content: '';
	display: block;
	height: 0px;
	clear: both;
}

.angebotpreisalt {
	position: relative;
}

.angebotpreisalt:before,
.angebotpreisalt:after {
	content: '';
	display: block;
	height: 0px;
	width: 105%;
	border-top: 2px solid #000;
	opacity: 0.2;
	position: absolute;
	z-index: 2;
}

.angebotpreisalt:before {
	-webkit-transform: rotate(-8deg) translate(-6px, 15px);
	-moz-transform: rotate(-8deg) translate(-6px, 15px);
	-ms-transform: rotate(-8deg) translate(-6px, 15px);
	-o-transform: rotate(-8deg) translate(-6px, 15px);
	transform: rotate(-8deg) translate(-6px, 15px);
}

.angebotpreisalt:after {
	-webkit-transform: rotate(8deg) translate(-6px, -18px);
	-moz-transform: rotate(8deg) translate(-6px, -18px);
	-ms-transform: rotate(8deg) translate(-6px, -18px);
	-o-transform: rotate(8deg) translate(-6px, -18px);
	transform: rotate(8deg) translate(-6px, -18px);
}

.angebotpreisalt:hover:before,
.angebotpreisalt:hover:after {
	display: none;
}

.angebotpreisalt, .angebotpreisneu {
	display: inline-block;
	margin-right: 20px;
	white-space: nowrap;
}

.angebotpreisalt .floatnum,
.angebotpreisneu .floatnum {
	width: 72px;
	text-align: center;
}

.angebotpreisalt .angebotnotes {
	width: 78px;
}

.angebotpreisneu .angebotprefix {
	width: 67px;
}

.angebotprozente {
	display: none;
	margin-right: 20px;
	margin-top: -5px;
	position: relative;
	bottom: -9px;
}

.angebotprozente.show {
	display: inline-block;
}

.angebotgpman {
	display: inline-block;
	margin-right: 20px;
	margin-top: -5px;
	position: relative;
	bottom: -9px;
}

.angebotgrundpreisauto {
	display: none;
	margin-right: 20px;
	margin-top: -5px;
	position: relative;
	bottom: -9px;
}

.angebotgrundpreisauto.show {
	display: inline-block;
}

.angebotgrundpreisman {
	display: none;
	margin-right: 20px;
	width: 140px;
}

.angebotgrundpreisman.show {
	display: inline-block;
}

.angebotsavebutton {
	display: inline-block;
	/*
	width: 150px;
	*/
}

.imagewahl {
	display: inline-block;
}

.imagewahl.hide {
	display: none;
}

#imgfailshinweis {
	display: none;
}

#imgfailshinweis.show {
	display: block;
	margin: 10px 0px 15px 0px;
}

#imgfailslist {
	margin-top: 10px;
}

.imgfails {
}

.imgfails .stripe {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.imgfails .imgfail {
	padding: 10px 30px;
	position: relative;
}

.imgfails .stripe > div {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-align-self: center;
    -ms-align-self: center;
    align-self: center;
}

.bildupload,
.bilduploads {
	display: inline-block;
}

.imgfails .bildupload {
	display: block;
	margin-right: 30px;
}

.pagefile {
	padding-top: 7px;
	display: inline-block;
	margin-right: 30px;
	white-space: nowrap;
}

.bildupload.hide {
	display: none;
}

.artikelinfos .bildupload {
	margin-top: -20px;
}

.inputlabel.center.labelleftnull {
	margin-left: 0px;
}

.inputlabel.center .bildupload {
	position: relative;
	display: block;
}

.uploadcontainer {
	position: relative;
	display: inline-block;
	overflow: hidden;
	bottom: -11px;
}

.imgfails .uploadcontainer {
	bottom: -4px;
}

.inputlabel.center .bildupload .uploadcontainer {
	bottom: -3px;
}

.uploadcontainer.hide {
	display: none;
}

.uploadcontainer input[type="file"] {
    display: none;
}

.inputlabel.center.hide {
	display: none;
}

.pageuploadscontainer {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin-top: 7px;
}

.pageuploadscontainer input[type="file"] {
    display: none;
}

.uploadscontainer {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin-top: 5px;
}

.uploadscontainer input[type="file"] {
    display: none;
}

.videoupload {
	padding-bottom: 3px;
	margin-top: -11px;
}

.videocontainer {
	position: relative;
	display: inline-block;
	overflow: hidden;
	bottom: -10px;
}

.videocontainer input[type="file"] {
    display: none;
}

.frontimgupload {
	padding-bottom: 3px;
	margin-top: -11px;
}

.frontimgcontainer {
	position: relative;
	display: inline-block;
	overflow: hidden;
	bottom: -10px;
}

.frontimgcontainer input[type="file"] {
    display: none;
}

.flyercontainer {
	position: relative;
	display: inline-block;
	overflow: hidden;
	bottom: -10px;
}

.flyercontainer input[type="file"] {
    display: none;
}

.pageuploadsarea,
.uploadarea,
.uploadsarea,
.videoarea,
.frontimgarea,
.flyerarea {
	display: inline-block;
	padding: 7px 10px 5px 10px;
	border: 1px solid #7b7b7b;
}

.pageuploadsarea:hover,
.pageuploadsarea.hover,
.uploadarea:hover,
.uploadarea.hover,
.uploadsarea:hover,
.uploadsarea.hover,
.videoarea:hover,
.videoarea.hover,
.frontimgarea:hover,
.frontimgarea.hover,
.flyerarea:hover,
.flyerarea.hover {
	cursor: pointer;
	background-color: #7b7b7b;
	color: #fff;
}

.progressbar .pageuploadsarea:hover,
.progressbar .pageuploadsarea.hover,
.progressbar .uploadarea:hover,
.progressbar .uploadarea.hover,
.progressbar .uploadsarea:hover,
.progressbar .uploadsarea.hover,
.progressbar .videoarea:hover,
.progressbar .videoarea.hover,
.progressbar .frontimgarea:hover,
.progressbar .frontimgarea.hover,
.progressbar .flyerarea:hover,
.progressbar .flyerarea.hover {
	background-color: transparent !important;
}

.progressbar .pageuploadsarea,
.progressbar .uploadarea,
.progressbar .uploadsarea,
.progressbar .videoarea,
.progressbar .frontimgarea,
.progressbar .flyerarea {
	color: #fff;
}
.uploadprogress .frontimgarea {
	background-color: #70130c;
	color: #fff;
}

.uploadsize {
	font-size: 13px;
	margin-left: 20px;
}

.openfile {
	display: block;
}

.artikelinfos .openfile {
	display: inline-block;
}

.openfile.hide {
	display: none;
}

.deletefile {
	display: block;
}

.deletefile.hide {
	display: none;
}

#vorschlaegelist .stripe {
	padding: 5px 30px;
}


















.dv_menu {
	font-family: 'encodesans_semibold';
	color: #fff;
	background-color: #333;
	padding: 5px 40px;
	width: 100%;
	box-sizing: border-box;
	position: fixed;
}

.dv_menu a {
	font-family: 'encodesans_semibold';
	color: #fff;
	text-decoration: none;
}

.dv_seite, .dv_header, .dv_topinfos, .dv_topimgs, .dv_footer {
	padding: 20px;
	max-width: 1300px;
}

.dv_seite {
	padding-top: 50px;
}

.dv_header h1, .dv_header h2 {
	display: block;
}

.dv_header h1 {
	font-family: 'encodesans_extrabold';
}

.dv_topimgs {
	padding: 0px 20px;
}

.dv_topimgs img {
	/*
	max-width: 200px;
	width: auto;
	height: auto;
	*/
	margin: 0px 20px 20px 0px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #a9b9ab;
}

.dv_angebotelist {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dv_angebot {
	-webkit-align-self: stretch;
	-ms-align-self: stretch;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-wrap: wrap;
	flex: 0 1 auto;
    box-sizing: border-box;
	/*
	-webkit-flex-basis: calc(33.333% - 40px);
	-ms-flex-preferred-size: calc(33.333% - 40px);
	flex-basis: calc(33.333% - 40px);
	max-width: calc(33.333% - 40px);
	*/
	-webkit-flex-basis: calc(25% - 40px);
	-ms-flex-preferred-size: calc(25% - 40px);
	flex-basis: calc(25% - 40px);
	max-width: calc(25% - 40px);
	margin: 20px;
	background-color: #ffedcb;
}

.dv_blocktop {
	margin-bottom: auto;
}

.dv_prozente {
	font-family: 'encodesans_extrabold';
	font-size: 22px;
	color: #fff;
	text-align: center;
	padding: 15px 20px;
	background-color: #a9b9ab;
}

.dv_infos {
	padding: 15px 20px 0px 20px;
}

.dv_blockimg {
	padding: 15px 20px;
	margin: auto;
}

.dv_blockimg img {
	margin: 0px auto;
	display: block;
}

.dv_imghoch {
	width: auto;
	max-width: 50%;
	max-height: 270px;
}

.dv_imgquer {
	width: 100%;
	max-width: 300px;
}

.dv_imgquer2 {
	width: 75%;
	max-width: 300px;
}

.dv_blockbottom {
    box-sizing: border-box;
	padding: 15px 20px;
	margin-top: auto;
	background-color: #e4d3ae;
}

.dv_statt {
	font-family: 'encodesans_semibold';
	font-size: 18px;
}

.dv_statt sup {
	font-size: 13px;
	margin-left: 3px;
}

.dv_nur {
	font-family: 'encodesans_extrabold';
	font-size: 25px;
	color: #70130c;
}

.dv_grundpreis, .dv_apopflichtig {
	font-size: 13px;
}

.dv_footer sup {
	font-size: 11px;
}