:root {
	--firmenfarbe: #DD1100;
	--button-green: #78ae78;
	--button-blue: #6565aa;
	--button-red: #b56059;
	--schriftfarbe: #606c76;
	--hintergrundfarbe: #f5f5ff;
	--farbe-grau: #96a9b9;
	--rahmen-blau: #5252d9;
	--farbe-blau: #5252d9;
	--farbe-gruen: #539346;
}
body{color:var(--schriftfarbe);background-color:var(--hintergrundfarbe);font-family:'Helvetica', 'Arial', sans-serif;font-size:1.4em;letter-spacing:.01em;line-height:1.6}
h4 {margin: 26px 0 6px 0;}
a {
	position: relative;
}
.message {	
	color: white;
	font-size: 14px;
	padding: 0 6px 0 6px;
	margin-top: 3px;
}
.message.success {
	background-color: #5d995d;
}
.message.error {
	background-color: #ff2727;
}
.main {
	display: grid;
	grid-template-columns: 200px 1fr;
	grid-auto-rows: max-content;
	max-width: 1200px;
	margin: 0 auto;
}
.top-nav { 
	grid-column:1 / 3; 
	grid-row:1 / 1;
	border-bottom: 1px solid var(--firmenfarbe);
}
.top-nav .header-text {
	display: inline-block;
	width: 50%;
	vertical-align: bottom;
	letter-spacing: 2px;
	font-size: 32px;
}
.top-nav .header-logo {
	display: inline-block;
	width: 50%;
	text-align: right;
	vertical-align: bottom;
}
.left-nav  { 
	grid-column:1 / 2; 
	grid-row:2;
	
}
.container { 
	grid-column:2 / 3; 
	grid-row:2;

}
.asc:after {
    content: " \2193";
}
.desc:after {
    content: " \2191";
}
footer { 
	grid-column:1 / 3; 
	grid-row:3;
	background-color: var(--farbe-grau);
	color: white;
	padding: 0 0 0 10px;
	font-size: 16px;
}
footer a {
	color: white;
	text-decoration: none;
}
footer a:hover {
	color: var(--firmenfarbe);
}
.container .table {
	margin-bottom: 16px;
}
.input.text,.input.email,.input.password,.input.select {
	height: 50px;
	margin-right: 16px;
}
.input.text label,.input.email label,.input.password label,.input.textarea label,.input.select label {
	width: 120px;
	display: inline-block;
	margin: 0 0 -2px 2px;	
	vertical-align: top;
}
.input.text input,.input.email input,.input.password input {
	width: 400px;
	height: 30px;
	background-color: white;
	font-size: 16px;
	color: var(--schriftfarbe);
	border: 1px solid var(--schriftfarbe);
	padding: 4px 8px 7px 8px;
	box-sizing: border-box;
	display: inline-block;
}
.input.select select {
	width: 400px;
	height: 30px;
	background-color: white;
	font-size: 16px;
	color: var(--schriftfarbe);
	border: 1px solid var(--schriftfarbe);
	padding: 4px 8px 7px 8px;
	box-sizing: border-box;
	display: inline-block;
}
.input.textarea textarea {
	width: 845px;
	height: 250px;
	max-width: 90%;
	background-color: white;
	font-size: 16px;
	color: var(--schriftfarbe);
	border: 1px solid var(--schriftfarbe);
	padding: 4px 8px 7px 8px;
	box-sizing: border-box;
	display: inline-block;
}
.input.checkbox label input {
	margin: 0 12px 0 122px;
}

.submit,.field_action {
	text-align: right;
	margin-top: 12px;
}
.submit input,button {
	background-color: var(--firmenfarbe);
	color: white;
	border: none;
	font-size: 18px;
	border-radius: 6px;
	padding: 2px 8px 4px 8px;
}
.side-nav {
	margin-bottom: 16px;
}
.side-nav a {
	border: 1px solid var(--farbe-grau);
	font-size: 16px;
	text-decoration: none;
	color: var(--schriftfarbe);
	padding: 2px 5px 2px 5px;
	border-radius: 7px;
}
.side-nav a:hover {
	background-color: white;
}
.left-nav {
	font-size: 18px;
	margin-top: 30px;
}
.left-nav ul {
	list-style: none;
	padding-left: 10px;
	color: var(--firmenfarbe);
	margin-right: 20px;
	background-color: white;
}
.left-nav ul li {
	border-bottom: 2px solid var(--hintergrundfarbe);
}
.left-nav ul a {
	color: var(--schriftfarbe);
	text-decoration: none
}
.left-nav ul a:hover {
	color: black;
}
.left-nav ul .aktive_nav a {
	color: var(--firmenfarbe);
}
.table-responsive a {
	text-decoration: none;
}
.table-responsive th,
.table-responsive td {
	border-right: 1px solid var(--farbe-grau);
	padding: 0 4px 2px 4px;
}
.table-responsive th {
	border-bottom: 1px solid var(--farbe-grau);
}
.pagination {
	list-style: none;
}
.pagination .prev,
.pagination .next {
	display: inline-block;
}
.pagination a {
	cursor: pointer;
}
.pagination a:hover {
	color: var(--farbe-blau);
}
.pagination .disabled {
	color: #b6c9d9;
}
.pagination .disabled a {
	cursor: auto;
}
.pagination .disabled a:hover {
	color: #b6c9d9;
}
.button.mittel {
	border: 1px solid var(--firmenfarbe);
	font-size: 16px;
	text-decoration: none;
	color: var(--schriftfarbe);
	background-color: white;
	padding: 2px 5px 2px 5px;
	border-radius: 7px;
}
.button.mittel:hover {
	color: var(--firmenfarbe);
}
.liste_link {
	background-color: var(--farbe-grau);
	color: white;
	padding: 2px 5px 2px 5px;
	border-radius: 5px;
	text-decoration: none;
}
.recipients.index.content {
	font-size: 12px;
}
.liste_link:hover {
	color:black;
}
.gruen {
	background-color: var(--farbe-gruen);
}
.content {
	font-size: 16px;
	margin: 10px 0 16px 0;
}
.content .table th {
	text-align: left;
	font-weight: 600;
	padding: 0 5px 0 0;
}
.content .table td {
	text-align: left;
	padding: 0 5px 0 5px;
	border-top: 2px solid var(--hintergrundfarbe);
	background-color: white;
}
.newsletter_erzeugen {
	font-size: 16px;
	margin: 20px 0 20px 0;
}
.kopfbereich {
	background-color: white;
	font-size: 16px;
	margin-bottom: 12px;
}
.buttons_bereich .beschreibung {
	display: inline-block;
}
.buttons_bereich .element_action {
	display: inline-block;
}
.bezeichnung_feld {
	display: inline-block;
	width: 350px;
	margin-right: 5px;
}
.bezeichnung_feld .wert{
	font-weight: 600;
}
.bezeichnung_feld .inhalt {
	background-color: white;
	padding-left: 3px;
}
.elemente_bereich {
	padding: 16px 0 16px 0;
	position: relative;
}
.neues_element fieldset {
	border-color: var(--firmenfarbe);
}
.edit_element fieldset {
	border-color: var(--rahmen-blau);
}
.element_inhalte {
	display: inline-block;
	vertical-align: top;
	margin-right: 16px;
}
.element_inhalte .reihenfolge {
	position: absolute;
	top: 31px;
	right: 42px;
	width: 40px;
	height: 30px;
	text-align: center;
}
.element_actions {
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 4px;
}
.element_actions .actions_buttons {
	display: none;
}
.element_actions .actions_buttons.sichtbar {
	display: block;
}
.element_actions .element_speichern {
	cursor: pointer;
	background-color: var(--farbe-gruen);
	color: white;
	line-height: 21px;
	padding: 1px 6px 1px 6px;
	border-radius: 4px;
	margin-top: 5px;
}
.element_inhalte .element_loeschen {
	cursor: pointer;
	background-color: var(--firmenfarbe);
	position: absolute;
	top: 31px;
	right: 5px;
	width: 30px;
	height: 29px;
	text-align: center;
}
.element_inhalte .element_loeschen a {
	color: white;
	text-decoration: none;
}
.element_inhalte .element_loeschen a:hover {
	color: black;
}
.element_actions .element_link_einfuegen {
	cursor: pointer;
	background-color: var(--farbe-blau);
	color: white;
	line-height: 21px;
	padding: 1px 6px 1px 6px;
	border-radius: 4px;
	margin-top: 5px;
}
.element_inhalte input {
	width: 100%;
	box-sizing: border-box;
	height: 24px;
	font-size: 14px;
	color: var(--schriftfarbe);
}
.element_inhalte textarea {
	width: 100%;
	box-sizing: border-box;
	height: 200px;
	font-size: 16px;
	color: var(--schriftfarbe);
}
.element_inhalte .bild_wrapper {
	width: 260px;
	height: 260px;
	border: 3px solid white;
}
.element_inhalte .bild_wrapper.klein {
	width: 190px;
	height: 190px;
}
.element_inhalte .bild_wrapper.klein[gewaehlt="1"] {
	border: 2px solid black;
}
.element_inhalte .bild_wrapper img {
	max-width: 100%;
	max-height: 100%;
}
.element_inhalte .product_sku {
	display: inline-block;
	width: 150px;
	margin-right: 10px;
}
.element_inhalte .produkt_laden_wrapper {
	margin-bottom: 12px;
}
.element_inhalte .laden_button {
	display: inline-block;
	background: var(--farbe-grau);
	color: white;
	padding: 0px 6px 0px 6px;
	border-radius: 5px;
	cursor: pointer;
}
.element_inhalte .laden_button:hover {
	color: black;
}
.bild_auswahl_wrapper {
	margin-top: 12px;
	padding-top: 12px;
	width: 100%;
	overflow: auto;
	display: none;
}
.bild_auswahl_wrapper .bild_auswahl_inhalte {
	white-space: nowrap;
}
.bild_auswahl_wrapper .auswahl_wrapper {
	display: inline-block;
	max-width: 180px;
	margin-right: 12px;
	vertical-align: top;
	border: 1px solid var(--farbe-grau);
	padding: 5px;
	background: white;
	cursor: pointer;
}
.bild_auswahl_wrapper .auswahl_wrapper .bild_name {
	height: 25px;
	font-size: 14px;
	overflow: hidden;
}
.bild_auswahl_wrapper .auswahl_wrapper .bild_alt {
	height: 25px;
    font-size: 14px;
    overflow: hidden;
}
.bild_auswahl_wrapper .auswahl_wrapper .bild {
	height: 100px;
}
.bild_auswahl_wrapper .auswahl_wrapper img {
	max-width: 100%;
	max-height: 100%
}
.bild_auswahl_wrapper .bild_upload {
	display: inline-block;
	padding: 5px 0 0 5px;
	border: 1px solid var(--farbe-grau);
}
.bild_auswahl_wrapper .bild_upload label {
	width: 83px;
}
.bild_auswahl_wrapper .bild_upload input {
	height: 24px;
	width: 190px;
}
.bild_auswahl_wrapper .bild_upload .input.text {
	height: 30px;
}
.bild_auswahl_wrapper .bild_upload .input.checkbox {
	width: 190px;
	margin: 0 10px 0 85px;
}
.bild_auswahl_wrapper .bild_upload .input.checkbox label {
	width: unset;
}
.bild_auswahl_wrapper .bild_upload .input.checkbox label input {
	margin: 0;
}
.bild_auswahl_wrapper .bild_upload .input.checkbox #fuer-alle {
	width: 23px;
	margin: 0px 10px 0 0;
	display: inline-block;
	vertical-align: bottom;
}
.bild_auswahl_wrapper .bild_upload .bild_select {
	margin: 8px 0 12px 0;
}
.bild_auswahl_wrapper .bild_upload .bild_select input {
	font-size: 15px;
	width: 290px;
}
.bild_auswahl_wrapper .bild_upload button {
	float: right;
	background: none;
	color: var(--firmenfarbe);
	padding: 0;
	font-size: 16px;
	margin: -6px 15px 5px 0;
}
.element_links .link_input_wrapper .link_name {
	display: inline-block;
	margin-right: 6px;
	width: 75px;
	font-weight: bold;
}
.element_links .link_input_wrapper .link_eingabe {
	display: inline-block;
	margin-right: 6px;
	height: 20px;
	width: 270px;
}
.element_links .link_input_wrapper .head_link_name {
	display: inline-block;
	margin-right: 6px;
	width: 80px;
}
.element_links .link_input_wrapper .head_link_eingabe {
	display: inline-block;
	margin-right: 6px;
	width: 282px;
}
.element_links .link_input_wrapper .link_zeile {
	margin-bottom: 6px;
}
.element_links .link_input_wrapper .link_zeile .link_loeschen {
	color: var(--firmenfarbe);
	text-decoration: none;
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
}
.newsletter_vorschau .anzahl_clicks {
	position: absolute;
	background: blue;
	top: -5px;
	right: 10px;
	font-size: 16px;
	padding: 1px 5px 1px 5px;
	color: white;
	line-height: 16px;
}
.newsletter_vorschau a {
	display: inline-block;
}
.test_newsletter_senden {
	margin-bottom: 10px;
	display: inline-block;
	width: 360px;
}
.test_newsletter_senden input {
	display: inline-block;
}
.test_newsletter_senden .testmail_senden_button {
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
}
.newsletter_freigeben {
	margin-bottom: 10px;
	display: inline-block;
	width: 230px;
	text-align: right;
}
.newsletter_freigeben .freigeben_button {
	background-color: var(--button-green);
	display: inline-block;
	color: white;
	font-size: 16px;
	padding: 0 6px 0 6px;
	cursor: pointer;
}
.geruest_speichern_wrapper {
	margin-top: 20px;
    background: white;
    padding: 0 0 0 5px;
}
.geruest_speichern_wrapper .ueberschrift {
	font-weight: bold;
}
.geruest_speichern_wrapper .alle_gerueste,
.geruest_speichern_wrapper .geruest_name,
.geruest_speichern_wrapper .geruest_speichern_button {
	display: inline-block;
}
.auwahl_zeile {
	margin-bottom: 5px;
}
.auwahl_zeile .auswahl,
.auwahl_zeile .eingabe  {
	display: inline-block;
	border: 1px solid var(--hintergrundfarbe);
	padding: 0 6px 0 6px;
	width: 200px;
	cursor: pointer;
	background: #ededf6;
}
.auwahl_zeile .auswahl_fehler,
.auwahl_zeile .select_fehler,
.zuweisen_auwahl_wrapper .uebertragen_fehler  {
	color: var(--firmenfarbe);
	font-size: 14px;
	display: none;
}
.auwahl_zeile .newsletter_dropdown,
.auwahl_zeile .versende_datum {
	width: 420px;
}
.auwahl_zeile .newsletter_dropdown .alle_freigegebenen_newsletter,
.zuweisen_auwahl_wrapper .alle_freigegebenen_auswahl_newsletter  {
	display: inline-block;
	width: 210px;
	border: none;
	background: white;
	height: 23px;
	color: var(--schriftfarbe);
	font-size: 16px;
}
.table-trenner {
	margin: 13px 0 6px 100px;
	color: var(--button-green);
	font-weight: bold;
}
.zuweisen_auwahl_wrapper {
	border-bottom: 2px solid white;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.zuweisen_auwahl_wrapper .auswahl_bereich_wrapper {
	display: inline-block;
}
.zuweisen_auwahl_wrapper .auswahl_bereich_name {
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	width: 110px;
}
.zuweisen_auwahl_wrapper .auswahl_bereich_inhalt {
	display: inline-block;
	vertical-align: top;
}
.zuweisen_auwahl_wrapper .auswahl_element {
	display: inline-block;
	border: 1px solid var(--hintergrundfarbe);
	padding: 0 6px 0 6px;
	cursor: pointer;
	background: #ededf6;
}
.newsletter_versende_datum,
.newsletter_versende_zeit {
	color: var(--schriftfarbe);
	font-size: 16px;
	border: none;
}
.auswahl .text {
	display: inline-block;
	margin-right: 10px;
	min-width: 155px;
}
.eingabe .text {
	display: inline-block;
	margin-right: 10px;
	min-width: 195px;
}
.auswahl .entscheidung_ja {
	display: none;
}
.auswahl .entscheidung_nein {
	display: inline-block;
}
.auswahl.gewaehlt,
.auswahl_element.gewaehlt {
	background: white;
	border-color: var(--farbe-gruen);
}
.auswahl.gewaehlt .entscheidung_ja {
	display: inline-block;
}
.auswahl.gewaehlt .entscheidung_nein {
	display: none;
}
.file_upload_wrapper,
.daten_speichern_wrapper,
.daten_uebertragen_wrapper {
	margin-top: 16px;
	background: white;
	position: relative;
	padding: 12px 12px 12px 12px;
	border: 1px solid var(--farbe-grau);
	width: 84%;
}
.daten_speichern_wrapper {
	font-size: 15px;
}
.daten_speichern_wrapper .ergebnis_wrapper {
	background-color: black;
	height: 180px;
	overflow: auto;
	margin-bottom: 30px;
	padding: 5px 0 3px 8px;
	line-height: 19px;
}
.daten_uebertragen_wrapper .uebertragen_ergebnis_wrapper {
	background-color: black;
	height: 21px;
	overflow: auto;
	margin-bottom: 30px;
	padding: 5px 0 3px 8px;
	line-height: 19px;
	color: lightgreen;
}
.ergebnis_wrapper .ergebnis_info {
	color: lightblue;
	margin-bottom: 3px;
}
.ergebnis_wrapper .ergebnis_fehler {
	color: #e3aaaa;
}
.ergebnis_wrapper .ergebnis_ok {
	color: lightgreen;
}
.ergebnis_wrapper .uebeblick {
	font-size:16px;
}
.file_upload_wrapper .ergebnis_fehler {
	font-size: 16px;
}
.upload_fehler_wrapper {
	height: 22px;
	margin-top: 5px;
}
.upload_fehler {
	font-size: 14px;
	color: var(--firmenfarbe);
	vertical-align: top;
	display: none;
}
.empfaengerliste_hochladen,
.empfaengerliste_eintragen,
.abbrechen_button,
.daten_uebertragen_button {
	cursor: pointer;	
	color: white;
	padding: 0 6px 0 6px;
	position: absolute;
	right: 12px;
	margin: 0;
}
.empfaengerliste_hochladen {
	background: var(--firmenfarbe);
	top: 12px;
}
.empfaengerliste_eintragen,
.daten_uebertragen_button { 
	background: var(--farbe-gruen);
	bottom: 8px;
	display: none;
}
.abbrechen_button { 
	background: var(--button-blue);
	bottom: 8px;
	right: 148px;
	display: none;
}
.erklaerungen_wrapper {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 12px;
}
.erklaerungen_wrapper .erklaerung_zeile {
	margin-bottom: 12px;
}
.erklaerungen_wrapper .erklaerung_zeile .erklaerung_begriff {
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	width: 122px;
	padding-left: 17px;
}
.erklaerungen_wrapper .erklaerung_zeile .erklaerung_inhalt {
	display: inline-block;
	vertical-align: top;
	width: 854px;
}