/* header.landingpage a.logo {
  background-image: url('static/images/s-immobilienpartner.svg');
  background-size: 93px 21px;
  width: 92px;
  height: 21px;
  margin-top: 5px;
}


.footer .footer-logo {
  background-image: url("static/images/logo-footer.png");
}
*/

/* statische seiten */
.content-headline-styling h1,
.content-headline-styling h2,
.content-headline-styling h3,
.content-headline-styling h4,
.content-headline-styling h5,
.content-headline-styling h6 {
    color: #fb0207;
}

.editor-button  {
  border-color: #fb0207;
}

/* start the editor button */
.rounded-editor-button,
.rounded-editor-button-responsive,
.button-with-notice-container .editor-button,
.button-with-notice-container-responsive .editor-button {
  background-color: #fb0207;
}

/* Editor */
.editor-titlebar .logo {
  background-image: url("static/images/logo-s-immobilienpartner.svg");
  background-size: 120.75px 21px;
  /* Logo-Zone verbreitern und Höhe der Logo-Platzierung anpassen */
  margin-top: 4px;
  padding-left: 140px;
}

.toggle-button-bar-2 .active {
  color: #fb0207 !important;
  border: 1px solid #fb0207 !important;
}

/* Suchfeld */
.input-field-button {
  background: linear-gradient(-179deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 #fb0207;
  border-color: #fb0207;
}

/* Namenanzeige */
.popup-button {
  background:  linear-gradient(-179deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 #fb0207;
  border-color: #fb0207;
}

.popup-button:after {
  background-color: #fb0207;
}

/* Layerswtitcher raster */
.raster-card-tab .grid-slide ul li.active {
  color: #fb0207;
}
.grid-tab .request-options .request-option.active,
.grid-tab .request-options .request-option.active:after {
  color: #fb0207;
}

/* Layerswtitcher vector */
.vector-tab .request-options .request-option.active  {
  color: #fb0207;
}

.vector-tab .request-options .request-option.active .headline:after {
  color: #fb0207;
}

/* Zeichnen */
.draw-tab ul li.active:before {
  background-color: #fb0207;;
}
.draw-tab ul li.active {
  color: #fb0207 !important;
}
.draw-tab ul li.active em {
  color: #fb0207 !important;
}

.slider > .dragger {
  border: 1px solid #fb0207;
  background: #fb0207;
}

.button-primary, .button-primary-responsive {
  background: linear-gradient(-179deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 #fb0207;
  border: 1px solid #fb0207;
}

/* Download */
.toggle-button-bar-4 .active,
.toggle-button-bar-3 .active {
  color: #fb0207 !important;
  border: 1px solid #fb0207 !important;
}
.side-bar .format-container .active {
  border-color: #fb0207 !important;
}

.side-bar .format-container .format-box .format,
.side-bar .format-container .active span {
  color: #fb0207 !important;
}

.dropdown .headline .value-box {
  color: #fb0207;
}

.download-tab .cut-container .active .radio-button:before {
  background-image: url("../images/orangedot.png");
}


/* meine karten */
.my-mapz-content .nav-menu .menu-option.active {
    border-color: #fb0207;
    color: #fb0207;
}

/*
 * Portfolio
 */

/* Administrationsbereich */

/* Seitenmenü */

/* Hintergrund- und Textfarbe Titel */
#wrapper #sidebar-wrapper ul li.sidebar-brand {
  background-color: #293846;
}

/* Callout Close-Button in weiß */
.close-popup-icon {
  background-image: url('/static/img/close-button-light.png');
}
  
/* Hintergrundfarbe*/
#wrapper #sidebar-wrapper {
  background-color: #2f4050;
}

/* Textfarbe */
.sidebar-nav li a {
  color: #f2f2f2;
}

/* Hintergrund-, Text- und Balkenfarbe für ausgewähltes Navigationselement */
.sidebar-nav li.active {
  background-color: #293846 ;
  border-left-color: #fb0207;
}

/* Ende Seitenmenü */

/* Hauptseite */

/* Hintergrund- und Textfarbe für Header */
#wrapper #content-wrapper #header {
  background-color: #ffffff;
}

/* Hintergrundfarbe für Navigationsleiste */
#wrapper #content-wrapper #header .breadcrumb {
  background-color: #f5f5f5;
}

/* Textfarbe aktives Navigationselement */
#wrapper #content-wrapper #header .breadcrumb li.active {
  color: #fb0207;
}

/* Textfarbe für auswählbares Navigationselement */
#wrapper #content-wrapper #header .breadcrumb li a {
  color: #bbb;
}

/* Farbe für Navigationselement Seperator */
#wrapper #content-wrapper #header .breadcrumb li:before {
  color: #bbb;
}

/* Hintergrund-, Rahmen und Textfarbe für "Neues Element erstellen" Button. (Status, Kategorie, etc.) */
#wrapper #content-wrapper .content .content-tools .btn-primary {
  background-color: #fb0207;
  border-color: #fb0207;
}

/* Seiteninhalt Ende */

/* Administrationsbereich Ende */

/* Kartenanwendung Start */

/* ----------------------------------- */
/* Breite der Metadatenleiste anpassen */
/* ----------------------------------- */

/* Breite der Seitenleiste inkl. Scrollbar */
#portfolio-map .side-bar,
#portfolio-map .side-bar .tab-content,
#portfolio-map .side-bar .editor-menu .grid-content,
#portfolio-map .side-bar .raster-card-tab .grid-slide,
#portfolio-map #vector-or-raster-card-tab-host .toggle-button-bar-2,
#portfolio-map .vector-tab .request-options .request-option .headline {
   width: 460px;
}

/* Breite des Overlays über der Karte während des initialen Ladens
 * Der Pixelwert in calc() muss mit der Breite der Seitenleiste übereinstimmen! */
.initial-loading-overlay#disable-map {
  width: calc(100% - 460px);
}

/* Breite der Kartenauswahldropdownbox 1-35 */
#portfolio-map .side-bar .dropup,
#portfolio-map .side-bar .dropdown {
  width: 425px;
}

/* Suchfeld in der Seitenleiste 1-80 */
#portfolio-map .side-bar .editor-menu .scrollable-content .search-content .text-input .feature-search {
    width: 380px;
}

/* Breite der 2 Tabs im Lesemodus 1:2-3 */
#portfolio-map .side-bar .editor-menu .flat-tabs.nav-menu .menu-option,
#portfolio-map .side-bar .editor-menu .flat-tabs.nav-menu .menu-option-disabled {
    width: 227px;
}

/* Breite der 3 Tabs beim editieren */
#portfolio-map .side-bar .editor-menu #editor-menu-options.nav-menu .menu-option,
#portfolio-map .side-bar .editor-menu #editor-menu-options.nav-menu .menu-option-disabled {
    width: 150px;
}

/* Breite der Basiskarten-Spezialkarten-Tabs */
#portfolio-map #vector-or-raster-card-tab-host .toggle-button-bar-2 .container-button {
    width: 208px;
    z-index: 10;
}

/* ---------------------------------------- */
/* Metadatenleiste Infokästen               */
/* ---------------------------------------- */

/* Titel der Element in der Seitenleiste */
/* Bitte darauf achten, dass im Editor die Breite so gewählt wird, dass dies auch noch mit Scrollbar passend ist
  Ansonsten brechen die Titel um. Ungefähr 100px von der Breite der Sitebar abziehen. */
#portfolio-map .side-bar .features-content .features-list .feature .title {
  width: 270px;
}

// Farbe der inaktiven Eintraege
#portfolio-map .side-bar .features-content .features-list .feature .inactive-feature span {
  color: grey;
}

/* Tabellenbreite */
#portfolio-map .features-content .features-list .feature.open .feature-informations-table {
  width: 100%;
}

/* Spaltenabstand */
#portfolio-map .features-content .features-list .feature.open .feature-informations-table tr td.data-title {
  width: 140px;
}

/* Hintergrundfarbe eines geöffneten Metadaten-Eintrags */ 

#portfolio-map .features-content .features-list .feature.open .feature-informations {
    background-color: #E7E7E7;
}

/* Hintergrundfarbe eines geöffneten Metadaten-Eintrags, während der Eintrag geschlossen wird */

.features-content .features-list .feature .feature-informations.in, .merge-features-content .features-list .feature .feature-informations.in, .features-content .merge-features-list .feature .feature-informations.in, .merge-features-content .merge-features-list .feature .feature-informations.in, .features-content .features-list .feature .feature-informations.collapsing, .merge-features-content .features-list .feature .feature-informations.collapsing, .features-content .merge-features-list .feature .feature-informations.collapsing, .merge-features-content .merge-features-list .feature .feature-informations.collapsing {
    background-color: #E7E7E7;
    margin-top: 5px;
    padding: 10px;
    border: 1px solid #ccc;
    -webkit-box-shadow: -1px 0 5px 1px rgba(145,145,145,0.5);
    -moz-box-shadow: -1px 0 5px 1px rgba(145,145,145,0.5);
    box-shadow: -1px 0 5px 1px rgba(145,145,145,0.5);
    font-size: 14px;
    margin-top: 10px;
}

/* Hintergrundfarbe eines geöffneten Metadaten-Eintrags während der Eintrag editiert wird */ 

.features-content .features-list .properties-editor, .merge-features-content .features-list .properties-editor, .features-content .merge-features-list .properties-editor, .merge-features-content .merge-features-list .properties-editor {
    overflow: auto;
    width: 100%;
    background-color: #E1E1E1;
    margin-top: 5px;
    padding: 10px;
    border: 1px solid #ccc;
    -webkit-box-shadow: -1px 0 5px 1px rgba(145,145,145,0.5);
    -moz-box-shadow: -1px 0 5px 1px rgba(145,145,145,0.5);
    box-shadow: -1px 0 5px 1px rgba(145,145,145,0.5);
    font-size: 14px;
}


/* Abstand zwischen den Tabelleneinträgen */
// #portfolio-map .features-content .features-list .feature.open .feature-informations-table tr td {
//   padding-bottom: 15px;
// }

/* Hintergrundfarbe Seitenleiste */
#portfolio-map .side-bar .editor-menu {
  background-color: #ffffff;
}

/* Hintergrund- und Textfarbe für aktive Tabs */
#portfolio-map .side-bar .editor-menu .flat-tabs.nav-menu .menu-option.active,
.side-bar .editor-menu .flat-tabs.nav-menu {
  color: black !important;
}

/* Hintergrundfarbe Tab-Inhalt */
#portfolio-map .side-bar .editor-menu .tab-content {
  background-color: #fff;
}

/* Hintergrund-, Text- und Rahmenfarbe für Filter-Buttons */
#portfolio-map .side-bar .editor-menu .tab-content .filter-content .radio-container .container-button,
#portfolio-map .side-bar .editor-menu .tab-content .filter-content .radio-container .container-button i {
  background-image: linear-gradient(-179deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%);
  color: black;
  border-color: #d9d9d9;
}

/* ---------------------------------------- */
/* Callouts                                 */
/* ---------------------------------------- */


/* Maximale Breite der Callouts */
#editor-map #portfolio-popup #portfolio-popup_GroupDiv .olPopupContent {
   background-color: white;
   border: 1px solid #bdbdbd;
   border-radius: 5px;
   max-width: 300px;
}

/* Hintergrundfarbe der Headline eines geöffneten Callouts */ 

#portfolio-popup #portfolio-popup_GroupDiv .olPopupContent .popup-title, #portfolio-popup-hover #portfolio-popup_GroupDiv .olPopupContent .popup-title, #verify-popup #portfolio-popup_GroupDiv .olPopupContent .popup-title, #feature-order-popup #portfolio-popup_GroupDiv .olPopupContent .popup-title, #portfolio-popup #portfolio-popup-hover_GroupDiv .olPopupContent .popup-title, #portfolio-popup-hover #portfolio-popup-hover_GroupDiv .olPopupContent .popup-title, #verify-popup #portfolio-popup-hover_GroupDiv .olPopupContent .popup-title, #feature-order-popup #portfolio-popup-hover_GroupDiv .olPopupContent .popup-title, #portfolio-popup #verify-popup_GroupDiv .olPopupContent .popup-title, #portfolio-popup-hover #verify-popup_GroupDiv .olPopupContent .popup-title, #verify-popup #verify-popup_GroupDiv .olPopupContent .popup-title, #feature-order-popup #verify-popup_GroupDiv .olPopupContent .popup-title, #portfolio-popup #feature-order-popup_GroupDiv .olPopupContent .popup-title, #portfolio-popup-hover #feature-order-popup_GroupDiv .olPopupContent .popup-title, #verify-popup #feature-order-popup_GroupDiv .olPopupContent .popup-title, #feature-order-popup #feature-order-popup_GroupDiv .olPopupContent .popup-title {
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    min-height: 26px;
    background-color: #fb0207;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 5px 5px 0 0;
    padding: 5px 25px 5px 10px;
}

/* Füllfarbe des kleinen Callout-Dreiecks bei Hover */

#portfolio-popup #portfolio-popup_GroupDiv .olPopupContent.title-only:after, #portfolio-popup-hover #portfolio-popup_GroupDiv .olPopupContent.title-only:after, #verify-popup #portfolio-popup_GroupDiv .olPopupContent.title-only:after, #feature-order-popup #portfolio-popup_GroupDiv .olPopupContent.title-only:after, #portfolio-popup #portfolio-popup-hover_GroupDiv .olPopupContent.title-only:after, #portfolio-popup-hover #portfolio-popup-hover_GroupDiv .olPopupContent.title-only:after, #verify-popup #portfolio-popup-hover_GroupDiv .olPopupContent.title-only:after, #feature-order-popup #portfolio-popup-hover_GroupDiv .olPopupContent.title-only:after, #portfolio-popup #verify-popup_GroupDiv .olPopupContent.title-only:after, #portfolio-popup-hover #verify-popup_GroupDiv .olPopupContent.title-only:after, #verify-popup #verify-popup_GroupDiv .olPopupContent.title-only:after, #feature-order-popup #verify-popup_GroupDiv .olPopupContent.title-only:after, #portfolio-popup #feature-order-popup_GroupDiv .olPopupContent.title-only:after, #portfolio-popup-hover #feature-order-popup_GroupDiv .olPopupContent.title-only:after, #verify-popup #feature-order-popup_GroupDiv .olPopupContent.title-only:after, #feature-order-popup #feature-order-popup_GroupDiv .olPopupContent.title-only:after {
    border-top-color: #fb0207;
}

/* Randfarbe des kleinen Callout-Dreiecks bei Hover */

#portfolio-popup #portfolio-popup_GroupDiv .olPopupContent:before, #portfolio-popup-hover #portfolio-popup_GroupDiv .olPopupContent:before, #verify-popup #portfolio-popup_GroupDiv .olPopupContent:before, #feature-order-popup #portfolio-popup_GroupDiv .olPopupContent:before, #portfolio-popup #portfolio-popup-hover_GroupDiv .olPopupContent:before, #portfolio-popup-hover #portfolio-popup-hover_GroupDiv .olPopupContent:before, #verify-popup #portfolio-popup-hover_GroupDiv .olPopupContent:before, #feature-order-popup #portfolio-popup-hover_GroupDiv .olPopupContent:before, #portfolio-popup #verify-popup_GroupDiv .olPopupContent:before, #portfolio-popup-hover #verify-popup_GroupDiv .olPopupContent:before, #verify-popup #verify-popup_GroupDiv .olPopupContent:before, #feature-order-popup #verify-popup_GroupDiv .olPopupContent:before, #portfolio-popup #feature-order-popup_GroupDiv .olPopupContent:before, #portfolio-popup-hover #feature-order-popup_GroupDiv .olPopupContent:before, #verify-popup #feature-order-popup_GroupDiv .olPopupContent:before, #feature-order-popup #feature-order-popup_GroupDiv .olPopupContent:before {
    border-top-color: #bdbdbd;
    border-width: 11px;
    left: 50%;
    margin-left: -11px;
}

/* Callout-Headline zentriert bei Hover */

#portfolio-popup-hover .popup-title {
    text-align: center;
}

/* Kartenanwendung Ende */