@charset "UTF-8";
/* Stylesheet FRONTEND */
/*
INHALTSVERZEICHNIS

Allgemeine Styles
Stylingname
Stylingname

// Responsive Selektoren für Elementor

body[data-elementor-device-mode=mobile] selector { 
	height: calc(100vh - 70px);
}

DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! DANIEL !!! 

Nicht in die style.css schreiben!!!! Die wird durch die SCSS kompiliert


*/
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/opensans/open-sans-v27-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("assets/fonts/opensans/open-sans-v27-latin-regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/opensans/open-sans-v27-latin-regular.woff2") format("woff2"), url("assets/fonts/opensans/open-sans-v27-latin-regular.woff") format("woff"), url("assets/fonts/opensans/open-sans-v27-latin-regular.ttf") format("truetype"), url("assets/fonts/opensans/open-sans-v27-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url("assets/fonts/opensans/open-sans-v27-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("assets/fonts/opensans/open-sans-v27-latin-500.eot?#iefix") format("embedded-opentype"), url("assets/fonts/opensans/open-sans-v27-latin-500.woff2") format("woff2"), url("assets/fonts/opensans/open-sans-v27-latin-500.woff") format("woff"), url("assets/fonts/opensans/open-sans-v27-latin-500.ttf") format("truetype"), url("assets/fonts/opensans/open-sans-v27-latin-500.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("assets/fonts/opensans/open-sans-v27-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("assets/fonts/opensans/open-sans-v27-latin-600.eot?#iefix") format("embedded-opentype"), url("assets/fonts/opensans/open-sans-v27-latin-600.woff2") format("woff2"), url("assets/fonts/opensans/open-sans-v27-latin-600.woff") format("woff"), url("assets/fonts/opensans/open-sans-v27-latin-600.ttf") format("truetype"), url("assets/fonts/opensans/open-sans-v27-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("assets/fonts/opensans/open-sans-v27-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("assets/fonts/opensans/open-sans-v27-latin-700.eot?#iefix") format("embedded-opentype"), url("assets/fonts/opensans/open-sans-v27-latin-700.woff2") format("woff2"), url("assets/fonts/opensans/open-sans-v27-latin-700.woff") format("woff"), url("assets/fonts/opensans/open-sans-v27-latin-700.ttf") format("truetype"), url("assets/fonts/opensans/open-sans-v27-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url("assets/fonts/opensans/open-sans-v27-latin-800.eot");
  /* IE9 Compat Modes */
  src: local(""), url("assets/fonts/opensans/open-sans-v27-latin-800.eot?#iefix") format("embedded-opentype"), url("assets/fonts/opensans/open-sans-v27-latin-800.woff2") format("woff2"), url("assets/fonts/opensans/open-sans-v27-latin-800.woff") format("woff"), url("assets/fonts/opensans/open-sans-v27-latin-800.ttf") format("truetype"), url("assets/fonts/opensans/open-sans-v27-latin-800.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
p:last-child {
  margin-bottom: 0;
}

.elementor-post__excerpt p:last-child:after {
  content: ' ...';
}

b, strong, .strong {
  font-weight: 600;
}

body[data-elementor-device-mode=mobile] {
  font-size: 0.85rem;
}

ul + p,
ol + p {
  margin-top: 1em;
}

button.btn-default,
.jet-form .jet-form__submit,
[type=button], [type=submit], button {
  border: 2px solid var(--e-global-color-secondary);
  background: white;
  color: var(--e-global-color-secondary);
  text-transform: uppercase;
  border-radius: 7px;
  font-weight: 600;
  font-size: 0.9rem;
}
button.btn-default:hover,
.jet-form .jet-form__submit:hover,
[type=button]:hover, [type=submit]:hover, button:hover {
  border-color: var(--e-global-color-secondary);
  background-color: var(--e-global-color-secondary);
  color: #fff;
}
button.btn-default:focus,
.jet-form .jet-form__submit:focus,
[type=button]:focus, [type=submit]:focus, button:focus {
  border-color: var(--e-global-color-primary);
  background-color: var(--e-global-color-primary);
  color: #fff;
}

.list-unstyled {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

body.home {
  /* base definitions color-schemes */
}
body.home ::selection {
  color: #fff;
  background: var(--e-global-color-dbd58e3);
}
body.home a:link {
  color: var(--e-global-color-d557314);
}
body.home .abschnitt {
  margin-bottom: 6rem;
}
body.home[data-elementor-device-mode=mobile] .abschnitt {
  margin-bottom: 2rem;
}
body.home .jet-form input, body.home .jet-form textarea {
  border-color: var(--e-global-color-eac533a);
}
body.home .jet-form .jet-form__submit, body.home .jet-form button {
  border: none;
  text-transform: none;
  background-color: var(--e-global-color-d557314);
  color: #fff;
}
body.home .jet-form .jet-form__submit:hover, body.home .jet-form button:hover {
  background-color: var(--e-global-color-dbd58e3);
  color: #fff;
}

.jqui-accordion {
  list-style: none;
  padding: 0;
  margin: 0;
}
.jqui-accordion > li {
  margin-bottom: 1.5rem;
}
.jqui-accordion .ui-accordion-header {
  transition: 0.4s ease all;
  display: block;
  cursor: pointer;
  position: relative;
  margin: 0 0 0.5em 0;
  font-size: 1rem;
  background: transparent;
  color: var(--e-global-color-3be580b);
}
.jqui-accordion .ui-accordion-header:hover {
  color: var(--e-global-color-d557314);
}
.jqui-accordion .ui-accordion-header:before {
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  width: 2em;
}
.jqui-accordion .ui-accordion-header-active {
  color: black;
}
.jqui-accordion .ui-accordion-header-active:before {
  content: '\f077';
}
.jqui-accordion .ui-accordion-content {
  overflow: auto;
  padding: 0.2rem 0 1rem 0;
  margin-left: 2em;
}

/***************** DIE DASHOARD-SEITEN ***********/
/*
body.parent-pageid-16 {
	overflow-y: scroll;
}
// auf mobile muss das wieder negiert werden damit das nav popup pagescrolling unterbindet
body[data-elementor-device-mode=mobile_extra].parent-pageid-16,
body[data-elementor-device-mode=mobile].parent-pageid-16,
{
	overflow-y:auto;
}
*/
body:not(.home) {
  font-family: 'Open Sans';
  /* accordion von jquery ui */
}
body:not(.home) a {
  color: var(--e-global-color-secondary);
}
body:not(.home) a:hover {
  color: var(--e-global-color-primary);
}
body:not(.home) .elementor-button {
  background-color: white;
  border: 2px solid var(--e-global-color-secondary);
  color: var(--e-global-color-secondary);
  text-transform: uppercase;
  font-weight: normal;
  border-radius: 7px;
}
body:not(.home) .elementor-button:hover {
  background-color: var(--e-global-color-secondary);
  color: white;
}
body:not(.home) .elementor-button .elementor-button-icon.elementor-align-icon-left i {
  margin-right: 0.8em;
}
body:not(.home) h2, body:not(.home) h2.elementor-heading-title {
  font-weight: 600;
  color: var(--e-global-color-secondary);
  text-transform: uppercase;
}
body:not(.home) h3, body:not(.home) h3.elementor-heading-title {
  font-weight: 600;
  color: var(--e-global-color-text);
  text-transform: none;
}
body:not(.home) input[type=date],
body:not(.home) input[type=email],
body:not(.home) input[type=number],
body:not(.home) input[type=password],
body:not(.home) input[type=search],
body:not(.home) input[type=tel],
body:not(.home) input[type=text],
body:not(.home) input[type=url],
body:not(.home) select,
body:not(.home) textarea {
  background-color: var(--e-global-color-eac533a);
  border-color: var(--e-global-color-eac533a);
  font-size: 0.9rem;
}
body:not(.home) .jet-form__label {
  margin-bottom: 0.3em;
  font-weight: 600;
  font-size: 0.8rem;
}
body:not(.home) textarea {
  min-height: 6em;
}
body:not(.home) .jet-form-repeater__new {
  background-color: var(--e-global-color-eac533a);
  color: var(--e-global-color-text);
  border: none;
  text-transform: none;
}
body:not(.home) .jet-form-repeater__new:hover {
  background-color: var(--e-global-color-primary);
  color: white;
  border: none;
}
body:not(.home) .jet-form-repeater__remove {
  border-color: #bb2b2b;
  color: #bb2b2b;
}
body:not(.home) .jet-form-repeater__remove:hover {
  background-color: #bb2b2b;
  color: white;
}
body:not(.home) .jet-form-repeater__row {
  border-bottom: 1px solid #e8e8e8;
}
body:not(.home) .jet-form__heading {
  font-size: 1.4rem;
}
body:not(.home) .jet-form__desc {
  font-style: italic;
  color: #747474;
  font-size: 0.8em;
}
body:not(.home) .field-type-submit {
  justify-content: flex-end;
}
body:not(.home) .jqui-accordion.abschnitte_inhalte .hw-icons::before {
  display: flex;
  justify-content: center;
}
body:not(.home) .jqui-accordion.abschnitte_inhalte .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 1.1rem;
  background: whitesmoke;
  border-radius: 7px;
}
body:not(.home) .jqui-accordion.abschnitte_inhalte .ui-accordion-header:hover {
  background-color: var(--e-global-color-primary);
  color: white;
}
body:not(.home) .jqui-accordion.abschnitte_inhalte .ui-accordion-header-active {
  background-color: var(--e-global-color-secondary);
  color: white;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body:not(.home) .jqui-accordion.abschnitte_inhalte .ui-accordion-content {
  padding: 0;
  margin: 0;
  border-top: 0;
  overflow: auto;
  border: 1px solid var(--e-global-color-secondary);
}
body:not(.home) .jqui-accordion.abschnitte_inhalte .ui-accordion-content .item-content {
  padding: 1em 2.2em;
}

body[data-elementor-device-mode=mobile] .ui-accordion .ui-accordion-content {
  padding: 0.6em;
}
body[data-elementor-device-mode=mobile] .jet-form-row .jet-form-col {
  flex-direction: column;
  align-items: stretch;
  align-content: stretch;
}
body[data-elementor-device-mode=mobile] .jet-form-row .jet-form-col .jet-form-col__start, body[data-elementor-device-mode=mobile] .jet-form-row .jet-form-col .jet-form-col__end {
  max-width: none;
  flex: 1;
}

.dialog-message {
  font-size: 1rem;
}

/* Dashboard */
.menu-dashboard-nav-container > ul {
  list-style: none;
  padding: 0;
  font-size: 1.0rem;
  font-weight: 300;
}
.menu-dashboard-nav-container > ul > li, .menu-dashboard-nav-container > ul ul.sub-menu {
  list-style: none;
  padding: 0;
}
.menu-dashboard-nav-container > ul > li > a {
  font-weight: 600;
}
.menu-dashboard-nav-container > ul ul.sub-menu {
  margin: 0;
  padding: 0.1em;
  margin-bottom: 1em;
}
.menu-dashboard-nav-container > ul ul.sub-menu > li::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  margin: 0 0.6em 0 1em;
  font-size: 0.8em;
}
.menu-dashboard-nav-container > ul li {
  margin: 0.3em 0;
}
.menu-dashboard-nav-container > ul li.current-menu-item a {
  color: #fff;
  font-weight: 600;
}

.addon_gallery-inactive #menu-dashboard-nav li.hochzeitsgalerie,
.addon_guestlist-inactive #menu-dashboard-nav li.gaesteliste,
.addon_gallery-inactive .dashboard-menu li.hochzeitsgalerie,
.addon_guestlist-inactive .dashboard-menu li.gaesteliste {
  opacity: 0.7;
}
.addon_gallery-inactive #menu-dashboard-nav li.hochzeitsgalerie a:hover,
.addon_guestlist-inactive #menu-dashboard-nav li.gaesteliste a:hover,
.addon_gallery-inactive .dashboard-menu li.hochzeitsgalerie a:hover,
.addon_guestlist-inactive .dashboard-menu li.gaesteliste a:hover {
  color: #E1E1E1;
}
.addon_gallery-inactive #menu-dashboard-nav li.hochzeitsgalerie > a::after,
.addon_guestlist-inactive #menu-dashboard-nav li.gaesteliste > a::after,
.addon_gallery-inactive .dashboard-menu li.hochzeitsgalerie > a::after,
.addon_guestlist-inactive .dashboard-menu li.gaesteliste > a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f023";
  position: absolute;
  margin-left: 0.5em;
}

/* Tabellen */
/* Grundsätzliches Design um elementor hello zu überschreiben */
table {
  background-color: white;
  width: 100%;
  margin-bottom: 15px;
  font-size: 0.9em;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 7px;
  border: 1px solid #E8E8E8;
}
table th {
  font-weight: 600;
  cursor: pointer;
}
table th:hover {
  text-decoration: none;
  color: var(--e-global-color-primary);
}
table th, table td {
  padding: 15px;
  line-height: 1.5;
  vertical-align: top;
  border: 0px none transparent;
  text-align: left;
  border-bottom: 1px solid #E8E8E8;
}
table tr:last-child td {
  border-bottom: none;
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0px none transparent;
}
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: transparent;
}
table tbody tr:hover > td,
table tbody tr:hover > th {
  background-color: transparent;
}
table tbody + tbody {
  border-top: 2px solid #cccccc;
}

#guestlist_table_wrapper {
  z-index: 1;
  position: relative;
}

/* Anpassung für Gästeliste Tabelle */
table#guestlist_table {
  z-index: 1;
  position: relative;
  table-layout: fixed;
  /* tabellen body scrollfähig machen */
}
table#guestlist_table td {
  vertical-align: middle;
  padding: 5px 10px;
}
table#guestlist_table th {
  padding: 12px 10px;
}
table#guestlist_table th.sorting_asc .DataTables_sort_wrapper:after,
table#guestlist_table th.sorting_desc .DataTables_sort_wrapper:after {
  font-family: "Font Awesome 5 Free";
  content: '\f0de';
  display: inline-block;
  margin-left: 4px;
  color: var(--e-global-color-text);
}
table#guestlist_table th.sorting_desc .DataTables_sort_wrapper:after {
  content: '\f0dd';
}
table#guestlist_table th.actions {
  text-align: right;
}
table#guestlist_table tbody {
  max-height: 500px;
  overflow-y: auto;
}
table#guestlist_table thead, table#guestlist_table tbody tr {
  width: 100%;
}
table#guestlist_table td.actions {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 10px;
  transition: .3s ease all;
}
table#guestlist_table td.actions div.action {
  background-color: whitesmoke;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
table#guestlist_table td.actions div.action:hover {
  background-color: var(--e-global-color-primary);
  color: #fff;
}
table#guestlist_table td.actions div.action a {
  color: var(--e-global-color-text);
}
table#guestlist_table td.actions div.action a:hover {
  color: #fff;
}
table#guestlist_table .status,
table#guestlist_table .index {
  text-align: center;
}
table#guestlist_table .index {
  color: #787878;
}
table#guestlist_table .action.view:hover a {
  color: white;
}
table#guestlist_table .actions .action {
  transition: 0.4s all ease;
}

body[data-elementor-device-mode=mobile] #guestlist_table th > .DataTables_sort_wrapper {
  writing-mode: tb-rl;
}

body[data-elementor-device-mode=mobile] .jet-form-row, body[data-elementor-device-mode=mobile_extra] .jet-form-row {
  flex-direction: column;
}
body[data-elementor-device-mode=mobile] .jet-form-row .jet-form-col .jet-form-col__end, body[data-elementor-device-mode=mobile_extra] .jet-form-row .jet-form-col .jet-form-col__end {
  width: 100%;
}
body[data-elementor-device-mode=mobile] .guestlist_popup .jet-form-row, body[data-elementor-device-mode=mobile_extra] .guestlist_popup .jet-form-row {
  flex-direction: column;
}
body[data-elementor-device-mode=mobile] .guestlist_popup .jet-form-row .jet-form-col .jet-form-col__end, body[data-elementor-device-mode=mobile_extra] .guestlist_popup .jet-form-row .jet-form-col .jet-form-col__end {
  width: 100%;
}
body[data-elementor-device-mode=mobile] .guestlist_popup .status, body[data-elementor-device-mode=mobile_extra] .guestlist_popup .status {
  font-size: 80%;
}
body[data-elementor-device-mode=mobile] .guestlist_popup .status label, body[data-elementor-device-mode=mobile_extra] .guestlist_popup .status label {
  margin: 0.5em 0;
}

/* Farben der Status-Icons */
.icon-neu {
  color: #D1AB53;
}

.icon-angenommen {
  color: #6FDB7D;
  color: #20c336;
}

.icon-abgelehnt {
  color: #B96565;
  color: #bb2b2b;
}

.icon-eingeladen {
  color: #79C2F2;
}

#guestlist_add_guest {
  margin: 2em 0;
}

#table-key {
  background-color: whitesmoke;
  padding: 2.5rem 2rem 1rem 2rem;
  margin-top: -1.5rem;
  z-index: 0;
  position: relative;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
#table-key .key_list {
  font-size: 0.7rem;
  line-height: 1.2em;
}
#table-key .key_list p {
  margin-bottom: 0.8em;
}
#table-key .elementor-button {
  text-transform: none;
  margin-bottom: 1rem;
  display: flex;
}
#table-key .elementor-button .elementor-button-text {
  color: var(--e-global-color-text);
  font-weight: 600;
}
#table-key .elementor-button:hover .elementor-button-text {
  color: #fff;
}

/* Email Einstellungen */
.maildummy {
  border: 1px solid #e8e8e8;
}
.maildummy .content {
  padding: 2rem;
}
.maildummy hr {
  border: 8px solid #e8e8e8;
  width: 100%;
  margin-bottom: 1.5em;
  text-align: left;
}
.maildummy hr:last-child {
  margin-bottom: 0;
}
.maildummy .salutation {
  width: 45%;
}
.maildummy .signature {
  width: 27%;
}
.maildummy .fakefooter {
  background: #e8e8e8;
  height: 40px;
}

/* Zuordnung Abschnitt zuordnung_abschnitte.php */
.zuordnung_listen {
  transition: 0.4s ease all;
}
.zuordnung_listen #aktive_liste, .zuordnung_listen #inaktive_liste {
  border: 1px solid var(--e-global-color-eac533a);
  min-height: 300px;
  list-style-type: none;
  margin: 0;
  padding: 5px 0 0 0;
}
.zuordnung_listen #aktive_liste .ui-placeholder, .zuordnung_listen #inaktive_liste .ui-placeholder {
  border: 2px solid var(--e-global-color-primary);
  height: 3em;
  line-height: 3em;
  background-color: transparent;
}
.zuordnung_listen #aktive_liste li, .zuordnung_listen #inaktive_liste li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 1em;
  margin: 0.5em;
  font-size: 0.9rem;
  font-weight: 500;
  border-radius: 5px;
  -ms-user-select: None;
  -moz-user-select: None;
  -webkit-user-select: None;
  user-select: None;
  /* unchecked icon */
}
.zuordnung_listen #aktive_liste li:hover, .zuordnung_listen #inaktive_liste li:hover {
  background-color: var(--e-global-color-primary);
  color: white;
}
.zuordnung_listen #aktive_liste li.ui-sortable-handle, .zuordnung_listen #inaktive_liste li.ui-sortable-handle {
  cursor: move;
}
.zuordnung_listen #aktive_liste li input[type=checkbox], .zuordnung_listen #inaktive_liste li input[type=checkbox] {
  display: none;
}
.zuordnung_listen #aktive_liste li input[type=checkbox] + label, .zuordnung_listen #inaktive_liste li input[type=checkbox] + label {
  cursor: pointer;
}
.zuordnung_listen #aktive_liste li input[type=checkbox] + label:before, .zuordnung_listen #inaktive_liste li input[type=checkbox] + label:before {
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 1.5rem;
}
.zuordnung_listen #aktive_liste li input[type=checkbox] + label:before, .zuordnung_listen #inaktive_liste li input[type=checkbox] + label:before {
  content: "\f055";
  font-weight: 300;
}
.zuordnung_listen #aktive_liste li input[type=checkbox]:checked + label:before, .zuordnung_listen #inaktive_liste li input[type=checkbox]:checked + label:before {
  content: "\f056";
}
.zuordnung_listen #aktive_liste li {
  background-color: var(--e-global-color-secondary);
  color: white;
}
.zuordnung_listen #inaktive_liste li {
  background-color: var(--e-global-color-eac533a);
  color: var(--e-global-color-text);
}

body[data-elementor-device-mode=mobile] .container_inaktive_liste {
  margin-top: 2rem;
}

/* manches wird dynamisch in der component via jquery gestyled. siehts script.js */
.fontscheme_element, .colorscheme_element {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: row;
  align-content: flex-start;
}

.fontscheme_radio, .colorscheme_radio {
  width: 15px;
  margin-right: 1em;
}

.fontscheme_label, .colorscheme_label {
  flex: 1;
}

.fontscheme-name.active {
  font-weight: 600;
}

.fontscheme-item {
  background-color: var(--e-global-color-eac533a);
  padding: 0.6em 1.2em;
  border-radius: 7px;
  margin-bottom: 0.5em;
}

.colorscheme_box_container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
}

.colorscheme-item .shape {
  width: 3rem;
  display: block;
  border: 3px solid white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 7px;
}
.colorscheme-item .shape:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.jet-engine-file-upload__content .jet-engine-file-upload__file {
  border: 1px solid var(--e-global-color-eac533a);
}

/* Inhalte der Abschnitte -- component zuordernung_abschnitte.php */
.abschnitte_inhalte .jet-form__submit-wrap {
  width: auto;
}
.abschnitte_inhalte .field-type-submit .jet-form-col__end {
  justify-content: flex-end;
}

/* bei jetengine den WYSIWYG editor verkrüppfeln */
.mce-toolbar > .mce-container-body > div:nth-child(1), .mce-toolbar > .mce-container-body > div:nth-child(2) .mce-btn:not(:first-child), .mce-toolbar > .mce-container-body > div:nth-child(3), .mce-toolbar > .mce-container-body > div:nth-child(4) {
  display: none;
}

.mce-btn button:hover {
  background-color: transparent;
}

.save_and_message {
  display: flex;
  align-items: center;
  margin: 1rem 0;
}

.response {
  display: none;
  border-left: 4px solid grey;
  padding: 0.4em 0.8em;
  background-color: whitesmoke;
  margin: 0 1em;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 0.9rem;
  font-weight: 400;
}
.response.success {
  border-color: #20c336;
}
.response.error {
  border-color: #bb2b2b;
}

.share-clipboard,
.share-whatsapp {
  cursor: pointer;
}

/* Passwortschutz-Abschnitt */
#2677.abschnitt .response {
  display: block;
  max-width: 300px;
  margin: 1px auto;
  padding: 1em;
  background-color: #fff;
}

form.password_form {
  max-width: 300px;
  margin: 0 auto;
  display: block;
}
form.password_form input {
  width: 100%;
  margin: 7px 0;
  border-radius: 7px;
  border: 1px solid #AFAFAF;
}
form.password_form .input_password_container:after {
  content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath d='M9.501 6.816c0 .685 0 1.35.217 1.972-2.273 2.668-8.274 9.719-8.833 10.257a1.064 1.064 0 0 0-.354.79c0 .449.274.881.507 1.124.348.364 1.835 1.74 2.109 1.477.812-.791.975-1.002 1.308-1.33.5-.49-.053-1.492.121-1.898.174-.406.359-.485.66-.548.3-.064.832.153 1.249.158.438.005.675-.18 1.002-.485.264-.243.453-.47.459-.823.01-.475-.675-1.102-.164-1.603.512-.501 1.25.327 1.793.264.543-.064 1.203-.818 1.271-1.14.069-.321-.617-1.149-.511-1.618.036-.159.358-.528.6-.58.243-.053 1.32.364 1.562.31.295-.063.638-.374.917-.548.818.354 1.561.496 2.516.496 3.612 0 6.539-2.816 6.539-6.286 0-3.47-2.927-6.274-6.54-6.274-3.612 0-6.428 2.815-6.428 6.285Zm9.593-1.222a1.688 1.688 0 1 1-3.376 0 1.688 1.688 0 0 1 3.376 0Z' fill='%23AFAFAF'/%3E%3C/svg%3E");
  width: 20px;
  display: inline-block;
  position: absolute;
  margin-left: -31px;
  margin-top: 17px;
}
form.password_form input[type='submit'] {
  background-color: var(--e-global-color-d557314);
  border: none;
  color: #fff !important;
}
form.password_form input[type='submit']:hover {
  background-color: var(--e-global-color-dbd58e3);
}