/* ----- Farbe anpassen ----- */


:root {
  --farbe1: #8e9aa6;
  --farbe2: #0087cc;
  --farbe3: #324050;
}


/* ----- Body ----- */

body {
  background-color: #f4f4f4;
}


/* ----- Logo ----- */

/* Logo ausblenden */
.navbar-brand svg {
  opacity: 0.0;
  display: none !important;
}
.navbar-brand {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}
.rex-is-logged-in .rex-nav-top .navbar-brand,
#rex-page-setup .rex-nav-top .navbar-brand {
  margin-left: 0px;
}
.rex-is-logged-in .rex-nav-top .navbar-brand,
#rex-page-setup .rex-nav-top .navbar-brand {
  padding: 25px;
}
#rex-page-login button .rex-icon {
  color: #fff;
}
#rex-form-login svg.rex-redaxo-logo {
  display: none;
}
#rex-form-login .rex-branding {
  width: 6rem;
  height: 3rem;
  display: inline-block;
  background-repeat: no-repeat !important;
  background-position: center;
}
/* Powered by Redaxo */
.rex-global-footer .rex-redaxo-logo {
  height: 11px;
  margin-top: -3px;
  margin-left: 4px;
}
/* Powered by Redaxo Farbe */
.rex-redaxo-logo .st0 {
  fill: #324050;
}
#rex-page-login .rex-redaxo-logo .st0 {
  fill: #9ca5b2;
}


/* ----- Modal ----- */

/* Backdrop */
.modal {
  background-color: rgba(50,64,80,0.5);
}
/* Modal-Dialog */
.modal-dialog {
  width: inherit;
  max-width: 760px;
}
.modal-header {
  background-color: #dfe3e9;
  border: none;
}
.modal-header .close {
  opacity: 0.2;
  opacity: 0.6;
}
.modal-body {
  padding: 3rem;
}
.modal-content {
  background-clip: none;
  border: none;
  outline: 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.modal-footer {
  border-top: none;
  background: #f6f6f6;
}
#rechtlichesModal .modal-body h4 {
  font-weight: 600;
  font-size: 16px;
  margin-top: 32px;
}
#rechtlichesModal .modal-body h3 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 20px;
}
#rechtlichesModal .modal-body ul {
  margin-bottom: 20px;
  list-style-type: square;
}
#rechtlichesModal .modal-body p,
#rechtlichesModal .modal-body ul,
#rechtlichesModal .modal-body li {
  font-size: 14px;
  line-height: 1.75;
}


/* ----- Login ----- */

/* Logobereich */
#rex-page-login .rex-nav-top {
  background: var(--farbe1);
  border-color: var(--farbe1);
}
#rex-page-login .rex-page-main::before {
  border-color: var(--farbe1) transparent transparent transparent;
}
/* Login-Form */
/*
#rex-page-login .input-group-addon,
#rex-page-login .form-control,
#rex-page-login .form-control:focus {
  border: none !important;
}
*/
#rex-page-login .form-control {
  border-color: #9ca5b2;
}



/* ----- Backend Hauptbereich ----- */

/* Links */

/* index.php | https://templates2.srt.ch/redaxo/index.php?asset=/assets/addons/be_style/plugins/redaxo/css/styles.css&buster=1720047326 */
.rex-nav-main-title {
  padding-left: 0px !important;
}
.rex-nav-main-navigation {
  padding-left: 15px;
  padding-right: 15px;
}
a {
  color: var(--farbe2);
}
/* Navigation */
.rex-is-logged-in .rex-nav-top .navbar,
#rex-page-setup .rex-nav-top .navbar {
  background-color: var(--farbe1);
}
.rex-nav-top,
.nav-pills > li.active > a, .nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: var(--farbe1);
  border-color: var(--farbe1);
}
.rex-nav-meta .text-muted {
  color: rgba(255,255,255,0.5);
}
.rex-nav-main li > a:hover, .rex-nav-main li > a:focus {
  color: var(--farbe1);
}
/* Tabs */
.rex-page-nav .nav-tabs > li.active > a:not(.btn),
.rex-page-nav .nav-tabs > li.active > a:not(.btn):hover {
  border-top-color: var(--farbe1);
}
.rex-page-nav .nav-tabs > li > a:not(.btn):hover {
  border-top-color: var(--farbe1);
  color: var(--farbe1));
}
.rex-page-nav .nav-tabs > li > a:not(.btn):hover {
  color: var(--farbe1);
}
.rex-page-nav {
  margin-bottom: 6rem;
}
/* Pagination */
.pagination > .active > a, .pagination > .active > a:hover,
.pagination > .active > a:focus, .pagination > .active > span,
.pagination > .active > span:hover, .pagination > .active > span:focus {
  background-color: var(--farbe1);
  border-color: var(--farbe1);
}
.pagination > li > a,
.pagination > li > span {
  color: var(--farbe1);
}
/* Actions */
.rex-page-nav .navbar-default .navbar-nav > li > a {
  color: var(--farbe2);
}
/* Info-Panels */
.rex-panel-options {
  margin-bottom: 8px;
}
.panel-info,
.panel-add,
.panel-edit {
  border: none;
}
.panel-info > .panel-heading,
.panel-add > .panel-heading,
.panel-edit > .panel-heading {
  background-color: var(--farbe2);
}
.panel-info > .panel-body,
.panel-add > .panel-body,
.panel-edit > .panel-body {
  background-color: #2286cc21;
}
/* Alerts */
.alert-info {
  background-color: var(--farbe2);
}
/* Table und Dropdown-Menu Hover */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: var(--farbe1);
}
.table-hover > tbody > tr:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #6da3462b;
}
/* Buttons im Backend */
#rex-page-content-edit .rex-main-content .btn-abort,
#rex-page-content-edit .rex-main-content .btn-back,
#rex-page-content-edit .rex-main-content .btn-clang,
#rex-page-content-edit .rex-main-content .btn-move,
#rex-page-content-edit .rex-main-content .btn-popup,
#rex-page-content-edit .rex-main-content .btn-reset,
#rex-page-content-edit .rex-main-content .btn-search,
#rex-page-content-edit .rex-main-content .btn-abort:hover,
#rex-page-content-edit .rex-main-content .btn-back:hover,
#rex-page-content-edit .rex-main-content .btn-clang:hover,
#rex-page-content-edit .rex-main-content .btn-move:hover,
#rex-page-content-edit .rex-main-content .btn-popup:hover,
#rex-page-content-edit .rex-main-content .btn-reset:hover,
#rex-page-content-edit .rex-main-content .btn-search:hover {
  background-color: #fff;
  border: none;
  border-radius: 0px;
}
#rex-page-content-edit .rex-main-content .btn.btn-move,
#rex-page-content-edit .rex-main-content .btn.btn-move:hover {
  padding: 5px 8px;
}
#ycom_auth_settings select,
/*
.rex-select-style {
  border-width: 1px;
  border-color: #fff;
}
*/
/* Buttons für Editieren und Online*/
.btn-edit,
.btn-edit:hover {
  background-color: var(--farbe1);
  border-color: var(--farbe1);
}
.panel-edit .btn-edit,
.panel-edit .btn-edit:hover,
.panel-edit .btn-edit:active,
.rex-online,
.rex-online:hover,
.rex-online:active,
.rex-text-online,
.rex-text-online:hover,
.rex-text-online:active {
  color: var(--farbe1);
}
.panel-edit .btn-edit,
.panel-edit .btn-edit:hover,
.panel-edit .btn-edit:active {
  background-color: #fff;
  border-color: #fff;
}
/* Panel */
.panel-add,
.panel-edit {
  border: none;
  border-radius: 0.5rem;
  /*
  overflow: hidden;
  */
  box-shadow: 0rem 0.05rem 0.15rem rgba(41, 41, 41, 0.2);
}
.panel-add > .panel-heading,
.panel-edit > .panel-heading {
  background-color: var(--farbe1);
  border-color: var(--farbe1);
}
.panel-add .panel-body,
.panel-edit .panel-body {
  background-color: #6da3462b;
}
/* Alert */
.alert-success {
  background-color: var(--farbe1);
}
/* Formular */
#rex-page-content-edit .form-control {
  box-shadow: none;
  /*
  border-radius: 0.5rem;
  */
  border: 1px solid #fff;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #fff;
}
.yform .form-control {
  background-color: #fff;
  box-shadow: none;
  border-color: #fff;
  border: 2px solid #fff;
  border-radius: 0.5rem;
}
.yform .form-control:focus,
.yform .form-control:active {
  border: 2px solid #82b7ec;
  border-radius: 0.5rem;
}
.redactor-box,
.redactor-box.redactor-styles-on {
  border: 2px solid #6da3462b !important;
  border-radius: 0.5rem !important;
  overflow: hidden !important;
}
/*
#rex-page-content-edit .rex-main-content .form-control {
  background-color: #fff;
}
*/
/* Redactor-Box */
.redactor-box.redactor-styles-on .redactor-toolbar {
  border: none !important;
}
.redactor-toolbar a:hover,
.redactor-air a:hover {
  background: var(--farbe1);
}
.redactor-statusbar {
  font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Text-Group */
.text-group {
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
}
.text-group .form-control,
.text-group .redactor-styles,
.text-group .redactor-box.redactor-styles-on {
  background-color: #fff;
  border: 1px solid #fff;
}
.text-group .mb-3 {
  margin: 0px !important;
}
/* Input-Group-Buttons */
#rex-page-content-edit .input-group-btn {
  background-color: #fff;
}
/*
.rex-js-widget {
  border-radius: 0.5rem;
  overflow: hidden;
}
*/
.rex-js-widget .form-control {
  border-radius: 0.5rem 0rem 0rem 0.5rem;
}


/* Input-Group-Addon */
.input-group-addon {
  background-color: #fafafa;
  border: none;
  min-width: 6rem;
}



/*
.redactor-toolbar-wrapper {
  padding: 1rem;
}
*/

/* Block hinzufügen */
.rex-slice-select > .dropdown > .btn-default {
  background-color: #d3e6c9;
  color: var(--farbe1);
  box-shadow: 0rem 0.05rem 0.15rem rgba(41, 41, 41, 0.2);
}
.rex-slice-select > .dropdown > .btn-default:hover,
.rex-slice-select > .dropdown > .btn-abort:hover,
.rex-slice-select > .dropdown > .btn-back:hover,
.rex-slice-select > .dropdown > .btn-clang:hover,
.rex-slice-select > .dropdown > .btn-move:hover,
.rex-slice-select > .dropdown > .btn-popup:hover,
.rex-slice-select > .dropdown > .btn-reset:hover,
.rex-slice-select > .dropdown > .btn-search:hover {
  background-color: #71bd3a5e;
  color: var(--farbe1);
}
.rex-slice-select > .dropdown > .btn-default:focus,
.rex-slice-select > .dropdown > .btn-default.focus,
.rex-slice-select > .dropdown > .btn-default:active,
.rex-slice-select > .dropdown > .btn-default.active,
.open > .rex-slice-select > .dropdown > .btn-default.dropdown-toggle {
  background-color: var(--farbe1);
  color: #fff;
}

/* Block speichern, Block übernehmen*/
.btn-save,
.btn-save:hover,
.btn-save:active,
.btn-apply,
.btn-apply:hover,
.btn-apply:active {
  background-color: var(--farbe1);
  border-color: var(--farbe1);
}
/* Formular Focus */
.redactor-focus.redactor-styles-on,
.redactor-focus:focus.redactor-styles-on {
  border: 2px solid #82b7ec !important;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* Button-Fokusfarbe */
.btn-edit.active,
.btn-edit:focus,
.btn-edit:hover,
.btn-edit:active,
.btn-edit:active:hover,
.btn-save.focus,
.btn-save:focus,
.btn-save:hover,
.btn-save:active,
.btn-save:active:hover,
.btn-apply.focus,
.btn-apply:focus,
.btn-apply:hover,
.btn-apply:active,
.btn-apply:active:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
/* Button-Fokusfarbe */
.panel-edit .btn-edit:active:hover,
.panel-edit .btn-edit:active:focus,
.panel-edit .btn-edit:active.focus,
.panel-edit .btn-edit.active:hover,
.panel-edit .btn-edit.active:focus,
.panel-edit .btn-edit.active.focus,
.open > .panel-edit .btn-edit.dropdown-toggle:hover,
.open > .panel-edit .btn-edit.dropdown-toggle:focus,
.open > .panel-edit .btn-edit.dropdown-toggle.focus {
  background-color: #fff;
  border-color: #fff;
}
/* Button-Fokusfarbe */
/*
.btn-default:active:hover,
.btn-abort:active:hover,
.btn-back:active:hover,
.btn-clang:active:hover,
.btn-move:active:hover,
.btn-popup:active:hover,
.btn-reset:active:hover,
.btn-search:active:hover,
.btn-default:active:focus,
.btn-abort:active:focus,
.btn-back:active:focus,
.btn-clang:active:focus,
.btn-move:active:focus,
.btn-popup:active:focus,
.btn-reset:active:focus,
.btn-search:active:focus,
.btn-default:active.focus,
.focus.btn-abort:active,
.focus.btn-back:active,
.focus.btn-clang:active,
.focus.btn-move:active,
.focus.btn-popup:active,
.focus.btn-reset:active,
.focus.btn-search:active,
.btn-default.active:hover,
.active.btn-abort:hover,
.active.btn-back:hover,
.active.btn-clang:hover,
.active.btn-move:hover,
.active.btn-popup:hover,
.active.btn-reset:hover,
.active.btn-search:hover,
.btn-default.active:focus,
.active.btn-abort:focus,
.active.btn-back:focus,
.active.btn-clang:focus,
.active.btn-move:focus,
.active.btn-popup:focus,
.active.btn-reset:focus,
.active.btn-search:focus,
.btn-default.active.focus,
.active.focus.btn-abort,
.active.focus.btn-back,
.active.focus.btn-clang,
.active.focus.btn-move,
.active.focus.btn-popup,
.active.focus.btn-reset,
.active.focus.btn-search,
.open > .btn-default.dropdown-toggle:hover,
.open > .dropdown-toggle.btn-abort:hover,
.open > .dropdown-toggle.btn-back:hover,
.open > .dropdown-toggle.btn-clang:hover,
.open > .dropdown-toggle.btn-move:hover,
.open > .dropdown-toggle.btn-popup:hover,
.open > .dropdown-toggle.btn-reset:hover,
.open > .dropdown-toggle.btn-search:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .dropdown-toggle.btn-abort:focus,
.open > .dropdown-toggle.btn-back:focus,
.open > .dropdown-toggle.btn-clang:focus,
.open > .dropdown-toggle.btn-move:focus,
.open > .dropdown-toggle.btn-popup:focus,
.open > .dropdown-toggle.btn-reset:focus,
.open > .dropdown-toggle.btn-search:focus,
.open > .btn-default.dropdown-toggle.focus,
.open > .dropdown-toggle.focus.btn-abort,
.open > .dropdown-toggle.focus.btn-back,
.open > .dropdown-toggle.focus.btn-clang,
.open > .dropdown-toggle.focus.btn-move,
.open > .dropdown-toggle.focus.btn-popup,
.open > .dropdown-toggle.focus.btn-reset,
.open > .dropdown-toggle.focus.btn-search {
  background-color: #fff;
  border-color: #fff;
}
*/


.text-group {
  background-color: rgba(255,255,255,0.3);
}
.text-group .form-control, .text-group .redactor-styles, .text-group .redactor-box.redactor-styles-on {
  border: 0px solid rgba(0, 0, 0, 0.1) !important;
}
.redactor-box, .redactor-box.redactor-styles-on {
  border-radius: 0.5rem !important;
}
.redactor-statusbar {
  background: #fafafa !important;
}


/* Panel mit abgerundeten Ecken */
.rex-main-content .panel-default {
  border-radius: 0.5rem;
  overflow: hidden;
}

/* Panel mit abgerundeten Ecken */
#rex-page-structure .panel,
#rex-page-media-manager-types .panel,
#rex-page-content-functions .panel,
#rex-page-mediapool-media .panel,
#rex-page-mediapool-upload .panel {
  overflow: inherit !important;
}


#rex-js-structure-content-nav .fa.fa-history {
  margin: 3px 0px;
}




/* ----- Editieren ----- */

.redactor-focus.redactor-styles-on,
.redactor-focus:focus.redactor-styles-on {
  border-color: var(--farbe1) !important;
}
.repeater-group {
  border: none !important;
  box-shadow: 0rem 0.2rem 0.4rem rgba(41, 41, 41, 0.2) !important;
  margin-top: 2.5rem;
  border-radius: 0.5rem;
}
.btn-primary, .btn-apply, .btn-edit, .btn-save, .btn-select, .btn-send, .btn-setup, .btn-update, .btn-view {
  background-color: var(--farbe1) !important;
  border-color: var(--farbe1) !important;
}
/* Panel Schatten */
.rex-page-section .panel.panel-default, .rex-slices .panel.panel-default {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.rex-slice .panel .panel.panel-default {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  /*  box-shadow: 0rem 0.2rem 0.4rem rgba(41, 41, 41, 0.2); */
  margin: 5px 0px 10px 0px;
}
.rex-slice .panel .panel .panel.panel-default {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  /*  box-shadow: 0rem 0.2rem 0.4rem rgba(41, 41, 41, 0.2); */
  margin: 5px 0px 10px 0px;
}
.rex-slice .repeater-group {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
}
.rex-slice .panel .repeater-group .container-fluid .col-sm-9 {
  padding-left: 0px;
}
.rex-slice .repeater-group .col-sm-9 strong {
  color: var(--farbe1);
}
.rex-slice .panel .panel .panel-heading {
  display: none;
}
.rex-slice .panel > .list-group .list-group > .list-group-item:first-child {
  border-top-width: 0px;
}
.rex-slice .panel p {
  margin: 0px;
}


/* ----- Navigation ----- */

/*
#rex-page-content-edit #rex-js-nav-main,
#rex-page-yform-manager-data-edit #rex-js-nav-main {
  display: none;
}
*/

#rex-js-nav-main a {
  padding-left: 3.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /*
  #rex-page-content-edit #rex-js-nav-main,
  #rex-page-yform-manager-data-edit #rex-js-nav-main {
    display: table-cell;
    width: 180px;
  }
  */
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  /*
  #rex-page-content-edit #rex-js-nav-main,
  #rex-page-yform-manager-data-edit #rex-js-nav-main {
    display: table-cell;
    width: 250px;
  }
  */
}
@media (min-width: 2000px) {
  #rex-page-content-edit #rex-js-nav-main,
  #rex-page-yform-manager-data-edit #rex-js-nav-main {
    display: table-cell;
    width: 250px;
  }
}





/* ----- Content-Edit ----- */

/* Hintergrund anpassen */
#rex-page-content-edit .rex-main-frame {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #f6f6f6;
}
/*
#rex-js-page-container {
  background-color: #f6f6f6;
}
*/
/* Linien bei Gruppen ausblenden */
#rex-page-content-edit .list-group-item {
  border-left: 0px;
  border-right: 0px;
}
#rex-page-content-edit .list-group-item:first-of-type {
  border-top: none;
}
#rex-page-content-edit .list-group-item:last-of-type {
  border-bottom: none;
}
#rex-page-content-edit .panel > .list-group .list-group {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
}
/* Thumbnail */
.thumbnail {
  margin-bottom: 0px;
}
/* Panel-Styling */
.rex-page-section .panel.panel-default,
.rex-slices .panel.panel-default {
  border: none;
  box-shadow: 0rem 0.05rem 0.15rem rgba(41, 41, 41, 0.2);
  /*
  overflow: hidden;
  */
}
.rex-main-content .rex-page-section .panel.panel-default,
.rex-main-content .rex-slices .panel.panel-default {
  border-radius: 0.5rem;
  /*
  overflow: hidden;
  */
}




#rex-page-content-edit .rex-slice-select > .dropdown > .btn-default {
  border-radius: 0.5rem;
}
#rex-page-content-edit .btn-block,
#rex-page-content-edit .rex-page-nav .nav-tabs > li > a:not(.btn),
.breadcrumb {
  border: none;
  border-radius: 0.5rem;
}
/* Rahmen bei Register entfernen */
#rex-page-content-edit .rex-main-frame .rex-page-nav .nav-tabs {
  border: none;
}
#rex-page-content-edit .rex-main-content .btn.btn-default.rex-online {
  border-color: #fff;
}

/* Block-hinzufügen-Button */
/*
#rex-page-content-edit .btn.btn-block {
  background-color: #dfe3e9 !important;
  border: none;
  color: #717171;
}
*/
/* Panel-Heading weiss */
/*
#rex-page-content-edit .panel-default > .panel-heading {
  background-color: #fff !important;
}
*/
.alert {
  border: none;
}
/* Abstand bei Label */
label {
  margin-top: 1rem;
  margin-bottom: 0.5rem !important;
}
/* Titel "Block bearbeiten" ausblenden */
legend {
  display: none;
}
/* Block bearbeiten Footer*/
.panel-footer, .panel-body .rex-form-panel-footer {
  background-color: #d3e6c9;
  border-top: #d3e6c9;
}
/* Backend-Output Überschriften */
.rex-main-content .rex-slice-output h1,
.rex-main-content .rex-slice-output h2,
.rex-main-content .rex-slice-output h3,
.rex-main-content .rex-slice-output h4,
.rex-main-content .rex-slice-output h5,
.rex-main-content .rex-slice-output h6,
.rex-main-content .rex-slice-output .h1,
.rex-main-content .rex-slice-output .h2,
.rex-main-content .rex-slice-output .h3,
.rex-main-content .rex-slice-output .h4,
.rex-main-content .rex-slice-output .h5,
.rex-main-content .rex-slice-output .h6 {
  line-height: 1.5;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Backend-Output Grundtext */
.rex-main-content .list-group-item,
.rex-main-content p {
  line-height: 1.65 !important;
}



/* ----- Redactor Statusbar ----- */


.redactor-statusbar-danger {
  background-color: #d9534f !important;
  color: #fff !important;
}
.redactor-statusbar-danger li {
  color: #fff !important;
}




/* ----- YForm ----- */

.rex-js-media-preview {
  display: block;
}
#rex-start-of-page {
  overflow-y: scroll;
}
/*
.panel-body {
  overflow-x: hidden;
}
*/



/* ----- Blockquote ----- */

#rex-page-content-edit blockquote {
  border-radius: 0.5rem;
  background-color: #f9f9f9;
}
#rex-page-content-edit .blockquote-success {
  color: var(--farbe1);
  border-color: var(--farbe1);
  background-color: #6da3460f;
}
#rex-page-content-edit .blockquote-warning {
  color: #e86d00;
  border-color: #e86d00;
  background-color: #e86d001c;
}
#rex-page-content-edit .blockquote-danger {
  color: #fff;
  border-color: #c9302c;
  background-color: #d9534f;
}





/* ----- Geteilte Ansicht ----- */

.rex-is-logged-in .rex-nav-main,
#rex-page-setup .rex-nav-main {
  width: 190px;
}

#ansicht {
  display: flex;
  flex-direction: column;
  padding: 0px;
  margin: 0px;
  height: 100vh;
}
#ansicht .vorschaubereich {
  padding: 0px;
  position: relative;
}
#ansicht .geteilt {
  display: block;
}
#ansicht .vorschaubereich.backend {
  box-shadow: 0rem 0.05rem 0.15rem rgba(41, 41, 41, 0.2);
  z-index: 100;
  width: 100%;
}
#ansicht .vorschaubereich.frontend {
  width: 100%;
}

/* Im YForm-Editiermodus Suche ausblenden */
#ansicht .vorschaubereich.backend.yform-edit .col-sm-3.col-md-3.col-lg-2 {
  display: none;
}
#ansicht .vorschaubereich.backend.yform-edit .col-lg-10 {
  width: 100%;
}

/* Im YForm-Editiermodus Suche ausblenden */
#ansicht .vorschaubereich.backend.yform-edit .btn-save {
  display: none;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #ansicht {
    flex-direction: row;
  }
  #ansicht .vorschaubereich.backend {
    width: 60%;
  }
  #ansicht .vorschaubereich.frontend {
    width: 40%;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #ansicht .vorschaubereich.backend {
    width: 50%;
  }
  #ansicht .vorschaubereich.frontend {
    width: 50%;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  #ansicht .vorschaubereich.backend {
    width: 40%;
  }
  #ansicht .vorschaubereich.frontend {
    width: 60%;
  }
}
@media (min-width: 1700px) {
  #ansicht .vorschaubereich.backend {
    width: 40%;
  }
  #ansicht .vorschaubereich.frontend {
    width: 60%;
  }
}
@media (min-width: 2000px) {
  #ansicht .vorschaubereich.backend {
    width: 40%;
  }
  #ansicht .vorschaubereich.frontend {
    width: 60%;
  }
}
@media (min-width: 2560px) {
  .rex-is-logged-in .rex-nav-main,
  #rex-page-setup .rex-nav-main {
    width: 250px;
  }
  #ansicht .vorschaubereich.backend {
    width: 33%;
  }
  #ansicht .vorschaubereich.frontend {
    width: 67%;
  }
}








/* ----- iFrame Frontend ----- */

#ansicht #iframe-frontend {
  padding-top: 60px;
  border: 0px;
}





/* ----- Sidebar ----- */

/*
.rex-nav-main {
  background-color: var(--farbe3);
}
*/


/* ----- Content-Edit ----- */

/* Artikel-Optionen ausblenden */
#rex-page-content-edit #rex-js-structure-content-nav li:nth-of-type(1) {
  display: none;
}
/* Input-Bereich Höhe  */
#rex-page-content-edit {
  height: 100vh;
  overflow: scroll;
}
/* Input-Bereich Breite  */
#rex-page-content-edit .row > .col-lg-4,
#rex-page-content-edit .row > .col-lg-8 {
  width: 100%;
}
/* Message-Container ausblenden */
#rex-message-container {
  display: none;
}
/* Hintergrund des Backend-Inputs */
#rex-page-content-functions .rex-page-main,
#rex-page-content-functions .rex-main-frame,
#rex-page-content-edit .rex-page-main {
  background-color: #f6f6f6;
}

.rex-main-sidebar {
  margin-top: 6rem;
  opacity: 1;
}
#rex-js-main-sidebar .panel.panel-default {
  box-shadow: none;
}

/* ----- Footer ----- */

/* Footer linksbündig */
#rex-page-content-edit .rex-global-footer {
  text-align: right;
}



/* ----- SRT-Inhalte ----- */
#srt-kontakt-container {
  background-color: var(--farbe1);
  padding: 3rem;
  color: #fff;
  position: relative;
  margin-top: 6rem;
  margin-bottom: 3rem;
  margin-left: 15px;
  margin-right: 15px;
}
#srt-kontakt-container img {
  margin-bottom: 1rem;
}
#srt-kontakt-container p {
  margin: 0;
}
#srt-kontakt-container a {
  color: #fff;
}


/* ----- REDACTOR-KLASSEN ----- */
.kommentar {
  background-color: #f94d65;
  color: #fff;
}
.notranslate {
  background-color: #0f2b46;
  color: #fff;
}






/* ----- MODULE-PREVIEW ----- */

#module-preview .module-list .image img {
  /* object-fit: cover; */
  /* height: 100%; */
  /* overflow-y: scroll; */
  object-fit: contain;
  height: auto;
  object-position: top;
}



/* ----- NV MODULE-PREVIEW ----- */

#module-preview .module-list .image img {
  object-fit: contain;
  width: inherit;
  height: inherit;
}

#module-preview .nv-modal-header {
 background:var(--farbe1);
}

#module-preview .nv-modal-header #module-preview-search {
 background:#fff;
}

#module-preview .nv-modal-header #module-preview-search::placeholder {
 color: inherit;
}

#module-preview .nv-modal-header #module-preview-search {
  color: #324050;
}

/*
.redactor-focus.redactor-styles-on,
.redactor-focus:focus.redactor-styles-on {
  border: 1px solid #fff !important;
}
*/



/* ----- MFORM FORM-GROUP ----- */
.form-group.checkbox-list .form-group {
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.form-group.checkbox-list .form-group .col-sm-12:nth-child(1) {
  display: none !important;
}





/* ----- HTML-VARIABLEN ----- */

var,
.redactor-styles var {
  font-style: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  opacity: 1 !important;
  background-color: #7c8a99;
  color: #fff !important;
  padding: 0.1rem 1rem;
  border-radius: 0.5rem;
}



/* ----- Farbe anpassen ----- */

:root {
  --farbe1: #73ae26; /* #025b9a */
  --farbe2: #0087cc; /* #025b9a */
  --farbe3: #324050;
}















/* ----- Logo ----- */

/* Logo ausblenden */


.navbar-brand {
  width: 6rem;
  background-image: url("/media/srt_neg_2020.svg");
}

.navbar-brand svg {
  opacity: 0.0;
  display: none !important;
}
.navbar-brand {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}
.rex-is-logged-in .rex-nav-top .navbar-brand,
#rex-page-setup .rex-nav-top .navbar-brand {
  margin-left: 0px;
}
.rex-is-logged-in .rex-nav-top .navbar-brand,
#rex-page-setup .rex-nav-top .navbar-brand {
  padding: 25px;
}
#rex-page-login button .rex-icon {
  color: #fff;
}
#rex-form-login svg.rex-redaxo-logo {
  display: none;
}
#rex-form-login .rex-branding {
  width: 6rem;
  height: 3rem;
  display: inline-block;
  background-repeat: no-repeat !important;
  background-position: center;
}




.backend,
.frontend {
  padding: 0px;
}




.navbar-brand,
.rex-branding {
  background-image: url("/media/srt_neg_2020.svg");
}
.rex-nav-main {
  background-color: rgba(33, 38, 41, 0.9);
}
.rex-nav-main li > a:hover,
.rex-nav-main li > a:focus {
  background-color: #282828;
}