#content_form {
    margin-bottom: 5px;
}

.open>.dropdown-menu{
    background-color: var(--portalThemeColor4, #ffffff);
}
.open>.dropdown-menu>li>a{
    color: var(--portalThemeOnColor9, #1276CE);
}


.open .dropdown-menu > li > a:hover,.dropdown-menu > .active > a:hover{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.dropdown-menu>.active>a{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.open .dropdown-menu>.active>a:focus{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}

.navbar-brand {
  padding: 0px 15px;
  line-height: normal !important;
  height: 50px;
}

.navbar.navbar-inverse.navbar-static-top {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
  border: 0px !important;
}

.crmEntityFormView .actions, .crmEntityFormView .tab-title{
  border: 0px !important;
}

.btn{
    border: 1px #c4c4c4 solid;
}

/* set homepage title to white */
.selfservice-title {
  color: white;
}

/* hide search in navbar + next vertical line */
li:has(> a#search), li:has(> a#search) + li {
    display: none;
}

/* Container */
.form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  font-family: 'Inter', sans-serif;
}

/* Input & Textarea */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  width: 100%;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background: #fff;
  font-size: 16px;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* Hover & Focus */
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #3b82f6; /* modern blue */
  box-shadow: 0 0 0 3px rgba(59,130,246,0.25);
}

/* Labels */
label {
  margin-bottom: 6px;
  font-weight: 500;
  color: #374151;
  font-size: 14px;
}

/* Buttons */
button {
  background: #3b82f6;
  color: white;
  font-size: 16px;
  font-weight: 500;
  border: none;
  padding: 12px 20px;
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.2s ease-in-out, transform 0.1s;
}

button:hover {
  background: #2563eb;
}

button:active {
  transform: scale(0.97);
}

/* Multiline-Textboxen (Textarea) */
textarea {
  min-height: 160px; /* höher machen */
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background: #fff;
  font-size: 16px;
  line-height: 1.5;
  resize: vertical; /* erlaubt flexibles Ziehen nach unten */
  transition: all 0.2s ease-in-out;
}

textarea:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.25);
  outline: none;
}

/* Rich Text Editor Wrapper */
.cke_inner, .cke_contents {
  min-height: 200px !important; /* Editor höher machen */
  border-radius: 12px;
  border: 1px solid #d1d5db !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  background: #fff !important;
  padding: 8px;
}

/* Tool-Leiste vom RTE */
.cke_top {
  border-radius: 12px 12px 0 0;
  background: #f9fafb !important;
  border-bottom: 1px solid #e5e7eb !important;
}

/* Editor-Inhalt */
.cke_editable {
  font-size: 16px !important;
  line-height: 1.6 !important;
  padding: 12px !important;
}

/* ---------- CKEDITOR: Rahmen & Höhe erzwingen ---------- */

/* schöner Rahmen */
.cke_chrome {
  border: 1px solid #d1d5db !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
  background: #fff;
}

/* Toolbar/Statusbar modernisieren */
.cke_top, .cke_bottom {
  background: #f9fafb !important;
  border-color: #e5e7eb !important;
  border-radius: 12px 12px 0 0 !important;
}

/* Höhe des Editierbereichs: inline height überschreiben */
.cke_chrome .cke_contents {
  height: auto !important;       /* überschreibt inline style="height:…px" */
  min-height: 260px !important;  /* gewünschte Mindesthöhe */
}

/* Iframe im Editor mitziehen */
.cke_chrome .cke_wysiwyg_frame {
  min-height: 260px !important;
  width: 100% !important;
}

/* Optional: Text im Editor etwas luftiger */
.cke_editable {
  font-size: 16px !important;
  line-height: 1.6 !important;
  padding: 12px !important;
}

/* Falls du nur DIESE eine Instanz anpacken willst: */
div[id^="cke_foreignContentEditor"] .cke_contents,
div[id^="cke_foreignContentEditor"] .cke_wysiwyg_frame {
  height: auto !important;
  min-height: 260px !important;
}

/* ---------- MULTI-TEXTBOX (Adresse) höher machen ---------- */

/* gezielt das Composite-Textarea */
textarea#address1_composite,
textarea.addressCompositeControl {
  height: auto !important;       /* macht rows=… unwirksam */
  min-height: 160px !important;  /* mehr Höhe */
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background: #fff;
  font-size: 16px;
  line-height: 1.5;
  resize: vertical;               /* vom Nutzer weiterziehbar */
  transition: box-shadow .2s, border-color .2s;
}

textarea#address1_composite:focus,
textarea.addressCompositeControl:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,.25);
  outline: none;
}

/* ---------- SIGN IN PAGE ------------- */
/* align sign in and checkbox to the left*/
.col-sm-offset-4.col-sm-8:has(#submit-signin-local), .col-sm-offset-4.col-sm-8:has(.checkbox),
.col-sm-offset-2.col-sm-10:has(#submit-redeem-invitation), .col-sm-offset-2.col-sm-10:has(.checkbox),
.col-sm-offset-2.col-sm-10:has(#submit-forgot-password) {
  margin-left: 0;
}
/* align "Benutzername" and "Kennwort" to the left */
.col-sm-4.control-label.required, .col-sm-2.control-label.required {
  text-align: left;
}

/* ------------- NAVBAR ---------------- */
ul.dropdown-menu li:has(> a[href="/firma/"]),
ul.dropdown-menu li:has(> a[href="/firma/"]) + div.divider {
  display: none !important;
}


/* NUR dieses Feld höher + modern */
#leadsourcecode.form-control {
  height: 48px !important;            /* Höhe */
  border-radius: 12px !important;     /* weiche Ecken */
  border: 1px solid #d1d5db !important;
  font-size: 16px;
  padding: 0 40px 0 14px !important;  /* Platz für Pfeil rechts */
  background: #fff !important;

  /* Eigenen Pfeil einsetzen, Standardpfeil verstecken */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'>\
<path d='M6 8l4 4 4-4' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
  transition: box-shadow .2s, border-color .2s;
}

/* Fokuszustand */
#leadsourcecode.form-control:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.25) !important;
  outline: none;
}

/* IE/Edge Legacy: Standardpfeil entfernen */
#leadsourcecode::-ms-expand { display: none; }

/* Optional global für ALLE Picklists */
select.form-control.picklist {
  height: 48px !important;
  border-radius: 12px !important;
  padding-right: 40px !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'>\
<path d='M6 8l4 4 4-4' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
}