/*  Blau: #006eb8 
    Alter Dunkelgrauton: #333 --> Neu: #464646*
    Alter Dunkelgrauton2: #555 --> Neu: #464646
    Rot: #da4950 --> #c25400/

/*======================= UI STYLE =======================*/
/*===== Allgemein =====*/
html {
    height: 100%;
    font-size: 14px;}

body {
    background-color: #fff;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.42857143;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #000;
    display: flex;
    flex-direction: column;}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    margin-bottom: 10px;}
        
h1 {
	font-weight: 700;
	font-size: 2.5rem;
	margin-top: 0px;}
	
@media (min-width: 500px) {
  h1 {
  font-size: 3rem;
  color: inherit;}
} 

h2 {
	font-size: 2rem;}

@media (min-width: 768px) {
  h2 {
  font-size: 2.2rem;
  color: inherit;}
} 

@media (min-width: 992px) {
  h2 {
  font-size: 2.5rem;
  color: inherit;}
}

h3 {
    font-size: 1.2rem;    
    color: inherit;
    margin-bottom: 2px;} 

h4 {
    font-size: 1.2rem;}


/* h1:focus {
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);}

h2:focus {
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);}
    
h3:focus {
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);}
    
h4:focus {
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);}

h5:focus {
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);} */
    
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;}
    
textarea,
button,
input,
select,
a {
    outline: none !important;}

em {
    font-weight: 500;
    font-style: italic;}

strong {
    font-weight: 500;
    font-style: normal;}

p {
  margin-top: 0;
  margin-bottom: 1rem;}
  
a {
  color: #000;}
 
a:focus,    
a:hover {
   text-decoration: underline;
   background-color: #ffffff;}
   
*:focus {
  outline: none;}
 
/*===== Select =====*/

.select-button {
    background-color: transparent;
    width: 100%;
    z-index: 1;
    border: 0px;
    text-align: left;
    padding: 0;
    cursor: pointer;}
    
.select-button > .pull-right {
    margin-top: 0.3rem;} 
    
.select-value {
    width: 100%;
    text-align: left;
    position: absolute !important;
    top: 0.4rem !important;
    left: 0 !important;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-left: 0rem;}
  
.clickable-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    margin-top: -0.09rem;}

.clickable-icon:hover {
    opacity: .8;
    background-color: transparent;
}

.field-group .clickable-icon, .field-group .clickable-icon {
    padding-top: 0.7em;
    width: 28px;
    height: 28px;
}

.material-icons:focus {
    /* outline: none; */
    background-color: #464646;} 
    
[type="checkbox"] + label {
    padding-left: 26px;
    height: 25px;
    line-height: 24px;
    font-size: 1em;
    font-weight: normal;}

[type="checkbox"]:checked+label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.text-center {
    text-align: center;
}

.breadcrumb {
    border-radius: 0;
    background-color: transparent;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 0.8rem 1.7rem;
    list-style: none;
}
    
/*------------------CONTAINER INHALTE------------------*/   

section.content {
    position: relative;
    margin: 0px /*20px 15px 0 315px*/;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    flex: 1 0 auto;}
    
.ls-closed section.content {
    margin-left: 0px;}
    
.content-panel {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;}
    
.common-container {
    background-color: #fff;
    margin-right: auto;
    margin-left: auto;}
    
.searchpage-container {
    margin: 1rem 2.5rem 2rem 2.5rem;}

@media (max-width: 420px) {    
.searchpage-container {
    margin: 1rem 0.8rem 2rem 0.8rem;}
}
    
.search-container {
    background-color: #ffffff;
    background: #fff;
    padding: 2.5rem 6rem 1.2rem 6rem;
    margin: 0px;}
    
@media (min-width: 768px) {
    .search-container {
    background-color: #ffffff;
    background: #fff;
    padding: 3rem 9rem 2rem 9rem;
    margin: 0px;}
}

@media (max-width: 420px) {
    .search-container {
    background-color: #ffffff;
    background: #fff;
    padding: 2rem 3rem 1.2rem 3rem;
    margin: 0px;}
}

.content-dynamic-start {
    margin-right: 2.5rem;
    margin-left: 2.5rem;}

@media (min-width: 992px) {
    .content-dynamic-start {
    margin-right: 9rem;
    margin-left: 9rem;}
}

@media (max-width: 420px) {    
    .content-dynamic-start {
    margin-right: 0.8rem;
    margin-left: 0.8rem;}
}
    
.content-dynamic {
    margin-right: 0;
    margin-left: 0;
    
    background-color: #f8f8f8;}
     
@media (min-width: 992px) {
    .content-dynamic {
    margin-right: 0;
    margin-left: 0;}
}

@media (max-width: 420px) {    
    .content-dynamic {
    margin-right: 0;
    margin-left: 0;}
}

.content-small {
    margin-top: 1rem;
    margin-right: 2.5rem;
    margin-bottom: 1rem;
    margin-left: 2.5rem;
    padding-top: 2.5rem;
    padding-right: 1rem;
    padding-left: 1rem; 
    background-color: #fff;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    min-height: 30rem;}
     
@media (min-width: 1000px) {
    .content-small {
    margin-right: 6rem;
    margin-left: 6rem;    
    padding-right: 3rem;
    padding-left: 3rem;
    min-height: 36rem;}
}

@media (min-width: 1100px) {
    .content-small {
    margin-right: 8rem;
    margin-left: 8rem;
    padding-right: 3rem;
    padding-left: 3rem;
    min-height: 36rem;}
}

@media (min-width: 1200px) {
    .content-small {
    margin-right: 10rem;
    margin-left: 10rem;
    padding-right: 3rem;
    padding-left: 3rem;
    min-height: 36rem;}
}

@media (min-width: 1300px) {
    .content-small {
    margin-right: 15rem;
    margin-left: 15rem;
    padding-right: 3rem;
    padding-left: 3rem;
    min-height: 36rem;}
}

@media (min-width: 1400px) {
    .content-small {
    margin-right: 20rem;
    margin-left: 20rem;
    padding-right: 3rem;
    padding-left: 3rem;
    min-height: 36rem;}
}

@media (min-width: 1500px) {
    .content-small {
    margin-right: 25rem;
    margin-left: 25rem;
    padding-right: 3rem;
    padding-left: 3rem;
    min-height: 36rem;}
}

@media (max-width: 500px) {    
    .content-small {
    margin-right: 0.8rem;
    margin-left: 0.8rem;}
}

.filter-container {
    margin-top: 1.5rem;}

.result-container {
    margin-top: 1.3rem;}

.result-container-content {
    margin-top: 1.1rem;}

.result-button-container {
    margin-top: 1.65rem;}

.presentations-container {
    margin-bottom: 1.3rem;}

.form-container {
	margin-bottom: 2rem;
	margin-left: 1rem;
	margin-right: 1rem;}
	
@media (min-width: 768px) {
.form-container {
	margin-bottom: 2rem;
	margin-left: 3rem;
	margin-right: 3rem;}
}
	
.news-btn-container {
	text-align: center;}
	
.news-preview-container {
	height: 15rem;}

  
/*------------------NAVBAR (Leiste mit Logo) ------------------*/

.navbar {
    font-family: "Roboto", sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    position: relative;
    top: 0;
    z-index: 12;
    width: 100%;
    min-height: 3em;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-bottom: 0px solid #006eb8 ;}

.navbar .navbar-brand {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;}

.navbar.nav-fixed {
    position: relative;
    z-index: 12;}

.navbar.nav-fixed {
    right: 0px;}

.navbar.nav-fixed {
    -moz-transition: left 0.5s;
    -o-transition: left 0.5s;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;}

.navbar-header {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    min-height: 3em;}

.navbar-nav {
    margin: 7.5px -15px;}
    
@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
        margin-top: 0.1em;}
}

@media (max-width: 767px) {
    .navbar .navbar-nav {
        margin-top: 0.1em;}
}
    
.container-fluid {
    padding-right: 0.1em;
    padding-left: 0.1em;
    margin-right: auto;
    margin-left: auto;}
    
@media (min-width: 768px) {
	.container-fluid {
    padding-right: 1.1em;
    padding-left: 1.1em;
    margin-right: auto;
    margin-left: auto;}
}

.menu-toggle {
    margin-right: 1.1em;}

@media (min-width: 768px) {
    .navbar-right {
        float: right !important;
        margin-right: -1.1em;}
}

.navbar-brand {
    float: left;
    padding: 0.7em 1em 0.5em 0.8em;
    font-size: 1.25em;
    line-height: 1.5em;
    text-decoration: none;
    height: 2.9em;}

/*.navbar-brand:focus, */
.navbar-brand:hover {
    text-decoration: underline;}

.navbar-brand > img {
    display: block;}
    
.logo-in {
    cursor: pointer;
    margin-left: 1em;
    margin-bottom: 0.2em;
    margin-top: 0.4em;}
    
.logo-in img {
    max-height: 3em;}

/* .logo-in img:focus {
    outline: 2px solid #464646;} */


/*------------------FILTER------------------*/   

.filter-container-header a {
    color: #ff0000;}

.d-list-item {
    position: relative;
    display: block;
    padding: 0.5em 0.2em 0.5em 1.7em;
    margin-bottom: -1px;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    text-decoration: none;}

.d-list.bordered .d-list-item {
    border: none;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.d-list.bordered .d-list-item:focus {
    border: none;
}

.d-list-item.d-selectable:visited,
.d-list-item.d-selectable:hover,
.d-list-item.d-selectable:focus,
.d-list-item.d-selectable:active {
    color: #000;
    text-decoration: underline;
    background-color: #ffffff;
    /* border-bottom: 1px solid #464646 !important;
    border-top: 1px solid #464646 !important; */}

li.d-list-item.d-selectable.selected > .flex-layout > .flex-item:before {
    font-family: 'Material Icons';
    position: absolute;
    top: 0.3em;
    left: 0.1em;
    content: '\E876';
    font-size: 18px;
    font-weight: bold;
    color: #000 !important;}

.d-list {
    padding-left: 0;
    margin-bottom: 0.5em;
    text-align: left;}
    
.elevation-1 {
    -webkit-box-shadow: none;
    box-shadow: none;}

.d-list-item:last-child {
    margin-bottom: 0;}

a.d-list-item:focus,
a.d-list-item:hover {
    color: #464646;
    text-decoration: underline;
    background-color: #ffffff;}

.d-list-item.disabled,
.d-list-item.disabled:focus,
.d-list-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;}

.d-list-item.disabled .list-group-item-text,
.d-list-item.disabled:focus .list-group-item-text,
.d-list-item.disabled:hover .list-group-item-text {
    color: #777;}

.d-list-item.selected:focus {
    color: #000;
    text-decoration: underline;
    background-color: #ffffff;
}

.d-list-item.selected,
.d-list-item.selected:hover {
    color: #000;
    text-decoration: underline;
    background-color: #ffffff;}
        
.d-list-item.selected .list-group-item-heading,
.d-list-item.selected:focus .list-group-item-heading,
.d-list-item.selected:hover .list-group-item-heading,
.d-list-item.selected .list-group-item-heading > small,
.d-list-item.selected:focus .list-group-item-heading > small,
.d-list-item.selected:hover .list-group-item-heading > small,
.d-list-item.selected .list-group-item-heading > .small,
.d-list-item.selected:focus .list-group-item-heading > .small,
.d-list-item.selected:hover .list-group-item-heading > .small {
    color: inherit;}

a.d-list-item:not([class*="bg-"]):not([class*="-success"]):not([class*="-danger"]):not([class*="-warning"]):not([class*="-info"]):not([class*="active"]) {
    color: #000;}
          
.d-list-item-text {
    margin-bottom: 0;
    line-height: 1.3;} 
    
/*------------------CHIPS (Filter)------------------*/

.chip {
    border-radius: 4px;
    min-width: 15em;
    height: 2em;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 5px;
    line-height: 30px;
    text-align: center;
    padding-left: 0.9em;
    padding-right: 0.2em;
    cursor: default;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    border: 1px solid #464646;}

@media (max-width: 768px) {
    .chip {
    border-radius: 4px;
    height: auto;
    min-width: 15em;
    min-width: -webkit-fill-available;
    min-height: 2em;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 5px;
    line-height: 1.1;
    text-align: center;
    padding-left: 0.9em;
    padding-right: 0.2em;
    cursor: default;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    border: 1px solid #464646;}
}

.chip:focus,
.chip:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);
    border: 2px solid #464646;
    padding-left: 0.8em;
    padding-right: 0.2em;}

.chip[disabled] {
    cursor: not-allowed;
    background-color: #a2a2a2 !important;
    pointer-events: none;}

.chip-value {
    width: 100%;
    white-space: nowrap;
    text-align: left;}

@media (max-width: 768px) {
.chip-value {
    width: 100%;
    white-space: inherit;
    text-align: left;
    font-size: 0.9em;}
}

.chip-addon {
    align-items: center;
    font-size: 20px;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 20px;}

.chip-addon i {
    font-size: 20px;
    border-radius: 50%;
    line-height: 32px;
    width: 32px;
    height: 32px;
    margin: 0 0px 0 -12px;}

.chip-addon .mdi:before {
    font-size: 20px;
    border-radius: 50%;
    line-height: 32px;
    width: 32px;
    height: 32px;
    margin: 0px;}

.chip-addon img {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    margin: 0 8px 0 -12px;}

.chip-addon span {
    line-height: 32px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin: 0 8px 0 -12px;
    float: left;
    font-size: 16px;}

.chip-remove {
    cursor: pointer;
    width: 30px;
    height: 30px;}

.chip-remove .material-icons {
    font-size: 20px;
    vertical-align: middle;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    line-height: 22px;
}

@media (max-width: 768px) {
    .chip-remove .material-icons {
    margin-top: 0.2em}
}

.chip-remove[readonly] {
    pointer-events: none;
}

.chip-remove[disabled] .material-icons {
    background-color: #a2a2a2 !important;
    cursor: not-allowed;}

.bg-indigo {
    background-color: #fff;
    color: #000;}

.bg-d-4-indigo {
    background-color: #fff;}

[class*="bg-d-4"]:not([class*="bg-white"]) {
    color: #000;}    

/*------------------BADGES------------------*/  
/*--Allgemein--*/
.badge {
    display: inline-flex;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 0.85em;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 2px;}

.badge:not([class*="bg-"]) {
    background-color: #fff;
    color: #464646;}

.badge[class*="bg-"]{
    color: #ffffff;}

.badge:empty {
    display: none;}

.flex-layout-badge {
    margin: 0 0.7em 0.7em 0;}  

.list-group-item > .badge {
    float: right;}
    
.list-group-item > .badge + .badge {
    margin-right: 5px;}

.badge:not([class*="bg-"]) {
    background-color: #fff;
    color: #464646;
    border: 1px solid #464646;
    border-radius: 5px;}

.bg-d-1-grey {
    background-color: #464646;}

.bg-d-1-orange {
    background-color: #c25400;}

[class*="bg-d-1"]:not([class*="bg-white"]) {
    color: #fff;}

@media (max-width: 768px) {
    .flex-layout.flex-dir-row-reverse {
      flex-direction: inherit;}

    .flex-layout-badge {
      margin-left: 0;
      margin-right: 1.2em;}
}

.badgeResult {
    margin-top: 0.4em;}

/*------------------KOMPONENTEN------------------*/

.component-caption {
    padding-right: 0.4em;
    padding-top: 0.7em;
    padding-bottom: 0.2em;
    color: #000;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;}

.themes-container {
    padding-left: 1em;
    border-left: 1px solid rgba(204,204,204,0.35);
    margin-left: 1em;
}

@media (max-width:768px) {
.themes-container {
    padding-left: 0;
    border-left: 0;
    margin-left: 0;}
}

.themes-caption {
    padding: 1em 0.2em 0.2em 0em;
    color: #000;
    font-weight: 500;
    font-size: 1.2em;
    text-align: left;
    white-space: nowrap;}

.theme-caption {
    color: #000;
    font-weight: 500;}
    
.metadata-caption {
    font-weight: 500;
    margin-right: 0.5em;}     
    
.theme-container {
    padding-bottom: 0.5em;}

.result-count-caption {
    padding: 0;
    color: #000;
    font-weight: 500;
    font-size: 1.4em;
    text-align: left;
    white-space: nowrap;
    margin-top: 0.4em;}

.filter-component {
    background-color: white;
    padding: 0 1em 1em 1em;
    margin-top: 1.7em;
    text-align: center;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);}
    
.darstellung-icon {
    padding-right: 5px;}

.darstellung-mdi-icon {
    padding-right: 5px;}

/*------------------FORMS------------------*/
.field-group {
    margin-bottom: 15px;
}

.field-group .field-cntr {
    width: 100%;
}

.field-group.lined .field-cntr {
    padding: 20px 1px 6px;
    background-color: transparent;
    border-radius: 4px 4px 0 0;
}

.field-group.lined.d-select.floating .field-cntr {
    padding: 0px 1px 6px;
    background-color: transparent;
    border-radius: 4px 4px 0 0;
    height: 40px;
    border-bottom: none !important;
}

.field-group.lined.d-select.floating .field-cntr:hover {
    border-bottom: 1px solid #464646 !important;
}


.fc-col-red:not([class*="lever"]) {
    border-bottom: 1px solid #A10004 !important;
    background-color: #ffa5a0;
    box-shadow: none;
}
.fc-col-red:not([class*="lever"]) {
    border-bottom: 1px solid #A10004;
}


.field-group.lined.focused.error:not([class*="d-checkbox"]):not([class*="switch"]):not([class*="radio-group"]) .field-cntr, .field-group.lined.error:not([class*="d-checkbox"]):not([class*="switch"]):not([class*="radio-group"]) .field-cntr {
    border-bottom: 1px solid #A10004;
}

.field-group.lined:not([class*="focused"]):not([class*="readonly"]):not([class*="error"]) .field-cntr {
    border-bottom: 1px solid #464646;
}

.field-group.lined.d-checkbox:not([class*="focused"]):not([class*="readonly"]):not([class*="error"]) .field-cntr {
    border-bottom: 0px;
}

.field-group.lined.focused:not([class*="readonly"]) .field-cntr {
    background-color: #efefef;
}

.field-group.lined.focused.d-checkbox:not([class*="readonly"]) .field-cntr {
    background-color: transparent;
}

.field-group.lined.d-select.floating.focused:not([class*="readonly"]) .field-cntr {
    background-color: transparent;
}

.field-group.lined.error:not([class*="readonly"]) .field-cntr {
    background-color: #ffa5a0;
}

.field-group .field-input-cntr {
    position: relative;
    width: 100%;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.field-group .field-label {
    position: absolute;
    font-size: 14px;
    font-weight: normal;
    -webkit-transition: all .2s;
    transition: all .2s;
    white-space: nowrap;
    left: 0;
    top: 6px;
}

.field-group.readonly .field-label, .field-group .field-label:not([class*="col-"]) {
    color: #464646;   
}

.field-group input {
    height: 27px;
}

.field-group input, .field-group textarea {
    width: 100%;
    background: transparent;
    color: #464646;
    border: 0;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .009375em;
    font-family: Roboto,sans-serif;
    margin-left: -4px;
}

.modal-dialog .field-group input, .field-group textarea {
    margin-left: -1px;
}

.field-group.lined input, .field-group.lined .select-button {
    line-height: 27px;
}

.field-group .field-note {
    flex-grow: 1;
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit;
    padding-top: 3px;
}

.field-group .field-helper, .field-group .field-counter {
    font-size: 14px;
    color: #464646;
    font-weight: normal;
    padding-top: 5px;
}

.field-group .field-errors {
    color: #A10004;
}

.field-group .field-helper, .field-group .field-counter {
    font-size: 14px;
    color: #464646;
    font-weight: normal;
    padding-left:20px;
}


.field-group label.error {
    font-size: 14px;
    display: block;
    margin-top: 5px;
    font-weight: normal;
    color: #A10004;
}

.field-group.disabled, .field-group.disabled .field-postfix, .field-group.disabled .field-prefix, .field-group.disabled .field-label, .field-group.disabled .field-helper, .field-group.disabled .field-counter, .field-group.disabled .field-rgt-addons, .field-group.disabled .field-lft-addons, .field-group.disabled .select-button, .field-group.disabled input {
    color: rgba(0,0,0,0.3);
}

.col-red {
    color: #000;
}

.col-blue {
    /*color: #2196F3;*/
    color: #464646;
}

.field-group .field-lft-addons {
    color: #464646;
    padding-right: 10px;
    max-height: 29px;
}

.field-group.lined.floating:not([class*="switch"]):not([class*="d-checkbox"]):not([class*="radio-group"]) .field-label {
    top: -15px;
    color: #000;
    font-size: 12px;
    font-weight: 700;
}

.fc-col-blue:not([class*="lever"]) {
    /*border-bottom: 1px solid #2196F3;*/
    border-bottom: 2px solid #464646;
}




    
.mdi-24px.mdi:before {
    font-size: 24px;
    margin-top: -0.2em;}

.switch label {
    font-weight: 400;
    font-size: 14px;
    margin-top: 0.6em !important;}  

.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 2em;
    height: 1.1em;
    background-color: #818181;
    border-radius: 15px;
    margin: 0em 1em 0 1em;
    transition: background .3s ease;
    vertical-align: middle;}

.switch label input[type=checkbox]:checked + .lever[class*="col-indigo"] {
    background-color: #464646;}

.col-indigo {
    color: #006eb8;}

.switch label input[type=checkbox]:checked + .lever.col-indigo:after {
    background-color: #006eb8;}

.switch label input[type=checkbox]:checked+.lever:after {
    left: 15px;}

.switch.field-group {
    margin-top: 0.3em;}
    
.field-group.lined.switch .field-cntr {
    padding: 0px 1px 6px;
    margin-top: -3px;
}

.field-group.lined.switch.focused:not([class*="readonly"]) .field-cntr {
    background-color: transparent;
}

/*------------------SUCHE FORM------------------*/ 


.search-container .field-group {
	margin-bottom: 0px;}

.search-container .field-group.lined input {
    background-color: white;
	border: 1px solid #464646;
	border-bottom: 1px solid #464646 !important;
    box-shadow: none;
    border-radius: 0;
	height: 49px;}
	
.search-container .field-group.lined input:hover {
    background-color: white;
	border: 2px solid #464646;
	border-bottom: 2px solid #464646 !important;
    box-shadow: 0 0 8px rgb(0 0 0 / 18%), 0 4px 8px rgb(0 0 0 / 36%);
    border-radius: 0;
	height: 49px;}
	
.search-container .field-group input, .field-group textarea {
    margin-left: 0px;
    margin-bottom: 1em;
}

.search-container .field-group.lined:not([class*="focused"]):not([class*="readonly"]):not([class*="error"]) .field-cntr {
    border-bottom: 0px;
}

.search-container .field-group.lined .field-cntr {
    padding: 0px;
    background-color: transparent;
    border-radius: 4px 4px 0 0;
    height: max-content;
}

.search-container .field-group.lined.focused:not([class*="readonly"]) .field-cntr {
	background-color: transparent;
}

.search-container .fc-col-blue:not([class*="lever"]) {
    border-bottom: 0px;
}

.search-container .material-icons {
	line-height: 0.4;
}

.search-container .field-group .field-label {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: all .2s;
    transition: all .2s;
    white-space: nowrap;
    left: 0.5em;
    top: 15px;
    cursor: text;
}

.search-container .field-group.lined.floating:not([class*="switch"]):not([class*="d-checkbox"]):not([class*="radio-group"]) .field-label {
    top: -18px;
    color: #000;
    font-size: 12px;
    font-weight: 400;}
    

  

    
/*------------------TYPO------------------*/

.section-header {
    margin-top: 2em;
    font-weight: 500;}

.section {
    padding-bottom: 4.2em; 
    border-bottom: 1px solid #006eb8 ;
    margin-bottom: 4.2em;}
    
.section:first-child {
    /*! padding-top: 2em; */
    padding-bottom: 4.2em; 
    border-bottom: 1px solid #006eb8 ;}
    
.section:last-child {
    padding-bottom: 4.2em; 
    border-bottom: none;
    margin-bottom: 0em;}

.section > h2 {
    /*margin-top: 2em;*/
    font-weight: 500;}
    
.forgotpwd-link-container {
    margin-top: 10px;
    margin-bottom: 30px;}

.description {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;}
    

/*------------------BUTTONS------------------*/

/*Button-Ergebnisse*/
.btn {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #464646;
    background-color: #fff;
    color: #000;
    margin: 0.4em 0.6em 0.2em 0;
    text-decoration: none;}

.btn.md {
    padding: 10px 16px;
    font-size: 1.1em;}
    
.btn:focus,
.btn:hover {
    background-color: #fff;
    text-decoration: underline;
    color: #000;
    padding: 9px 15px;
    border: 2px solid #464646;}

.btn:not([class*=circle]) i {
    font-size: 20px;
    position: relative;
    top: 3px;
    line-height: 20px;}

.btn:not(.btn-link):not(.btn-bordered) {
    border: 1px solid #464646;}

.btn:not(.btn-link):not([class*=circle]) {
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    border-radius: 0px;}

.btn:not(.btn-link):not([class*=circle]):not(.btn-bordered) {
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    border-radius: 0px;}

.btn:not(.btn-link) {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #464646;
    outline: none;}

.btn:not(.btn-link):focus,
.btn:not(.btn-link):hover {
    border: 2px solid #464646;
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);}

.btn:not(.btn-link):not(.btn.circle):hover {
    outline: 0;}

/*Button-Inhaltsseiten*/
.btn-lg {
    padding: 15px 23px !important;
    background-color: #ffffff;
    color: #000;
    border: 2px solid #ffffff;}

.btn-lg:focus,
.btn-lg:hover {
    background-color: #fff;
    text-decoration: underline;
    border: 2px solid #464646;
    color: #000;
    padding: 14px 22px !important;
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);}

.btn-lg:not(.btn-link) {
    border: 2px solid #006eb8;}

.btn-lg:not(.btn-link):focus,
.btn-lg:not(.btn-link):hover {
    border: 2px solid #464646}

/*Suche*/
.btn-search {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    padding: 10px 16px 11px 16px !important;
    background-color: #464646;
    color: #fff;
    margin-top: 0;}

.btn-search:focus,        
.btn-search:hover {
    background-color: #fff;
    text-decoration: underline;
    color: #000;
    padding: 9px 15px 10px 15px !important;
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36)}

.btn-search:not(.btn-link):not([class*=circle]) {
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    border-radius: 0px;}

.btn-search:not(.btn-link) {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #464646;
    outline: none;}

.btn-search:not(.btn-link):focus,
.btn-search:not(.btn-link):hover {
    outline: 2px solid #464646;}
    
/*Icon button*/
.btn-icon-combi {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    padding: 10px 16px 11px 16px !important;
    background-color: #464646;
    color: #fff;
    margin-top: 0;}

.btn-icon-combi:focus,        
.btn-icon-combi:hover {
    background-color: #fff;
    text-decoration: underline;
    color: #000;
    padding: 9px 15px 10px 15px !important;
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36)}

.btn-icon-combi:not(.btn-link):not([class*=circle]) {
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    border-radius: 0px;}

.btn-icon-combi:not(.btn-link) {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #464646;
    outline: none;}

.btn-icon-combi:not(.btn-link):focus,
.btn-icon-combi:not(.btn-link):hover {
    outline: 2px solid #464646;}

/*Filter zurücksetzen*/
.btn-expand {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    background-color: #464646;
    color: #fff;
    margin: 0.2em 0em 1em 0;}

.btn-expand.md {
    padding: 3px 20px;}

.btn-expand:focus,        
.btn-expand:hover {
    background-color: #fff;
    text-decoration: underline;
    color: #000;
    padding: 2px 19px;
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36)}

.btn-expand:not(.btn-link):not([class*=circle]) {
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    border-radius: 0px;}

.btn-expand:not(.btn-link) {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #464646;
    outline: none;}

.btn-expand:not(.btn-link):focus,
.btn-expand:not(.btn-link):hover {
    outline: 2px solid #464646;}

/*Filter zurücksetzen*/
.btn-reset-filter {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    background-color: #464646;
    color: #fff;
    margin-top: 0;
    width: 100%}

.btn-reset-filter.md {
    padding: 3px 6px;}

.btn-reset-filter:focus,        
.btn-reset-filter:hover {
    background-color: #fff;
    text-decoration: underline;
    color: #000;
    padding: 2px 6px;
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36)}

.btn-reset-filter:not(.btn-link):not([class*=circle]) {
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    border-radius: 2px;}

.btn-reset-filter:not(.btn-link) {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #464646;
    outline: none;}

.btn-reset-filter:not(.btn-link):focus,
.btn-reset-filter:not(.btn-link):hover {
    outline: 2px solid #464646;}
    
.btn-reset-filter .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .7;
}

/*FAB-Button*/    
.btn.circle.lg i {
    font-size: 26px;
    position: relative;
    left: -5px;
    top: 1.5px;}

.btn.circle.lg {
    width: 50px;
    height: 50px;
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);}
    
.top-scroller {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1000;
    opacity: 1;}

/*Allgemein*/
.btn-block {
    display: block;
    width: 100%;}
    
@media (min-width: 993px) {    
.btn-block {
    display: block;
    width: auto;}
}


/*------------------HAUPTMENÜ------------------*/

#menuId {
    background-color: #fff;
    background: #fff;
    text-align: center;}

.btn-group-main-menu {
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow: none;
    box-shadow: none;}

/*Standard-Menüpunkte Medium*/
.btn-main-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        box-sizing: inherit;
        outline: 1px solid white !important;
        margin: 0;
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
        cursor: pointer;
        background-color: #464646;
        color: #fff;}

.btn-main-menu.md {
    padding: 1em 1em 1em 1em;}

.btn-main-menu:first-child {
    border-left: 1px solid #ffffff !important;}

.btn-main-menu:last-child {
    border-right: 1px solid #ffffff !important;}

.btn-main-menu:focus,
.btn-main-menu:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid black !important;
    padding: 1em 1em 1em 1em;
    box-shadow: none !important;
    text-decoration: underline !important;
    background-color: #fff;}

/*DropDown-Menüpunkte*/
.btn-dropdown-main-menu > button {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: 1px solid #006eb8 !important;
    border-left: 1px solid #006eb8  !important;
    border-top: none !important;
    border-bottom: none !important;
    outline: none;
    margin: 0;
    cursor: pointer;
    background-color: #464646;
    color: #fff;
    white-space: normal !important;}

.btn-dropdown-main-menu > button > i.pull-right {
    margin-top: -0.15em;}

.btn-dropdown.md {
    padding: 0.7em 0.6em 0.95em 1em;}

.btn-dropdown-main-menu > button:first-child {
    border-left: 1px solid #006eb8  !important;}

.btn-dropdown-main-menu > button:last-child {
    border-right: 1px solid #006eb8 !important;}

.btn-dropdown-main-menu > button:focus,
.btn-dropdown-main-menu > button:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #464646!important;
    border-right: 1px solid #006eb8 !important;
    border-left: 1px solid #006eb8 !important;
    border-bottom: 5px solid #464646 !important;
    outline: none;
    padding: 0.67em 0.6em 0.6em 1em;
    margin: 0;
    margin-bottom: -1px;
    box-shadow: none !important;
    text-decoration: none !important;
    background-color: #fff;}

.dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: 1px solid #006eb8 !important;
    border-left: 1px solid #006eb8 !important;
    border-top: none !important;
    border-bottom: none !important;
    outline: none;
    margin: 0;
    cursor: pointer;}

.dropdown-menu > li > a {
    color: #fff;
    background-color: #464646;
    transition: all .1s;
    text-decoration: none;
    border-bottom: 1px solid #006eb8;}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #000;
    background-color: #fff;
    text-decoration: none;
    border: none;
    border-bottom: 1px solid #006eb8;}

/*SelectButton-Dropdown*/    
.dropdown.select-option-menu > ul.dropdown-menu {
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;}

.dropdown-menu .select-option {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none !important;
    border-bottom: none !important;
    outline: none;
    margin: 0;
    cursor: pointer;}

.select-option-menu  > ul > li > a {
    color: #000;
    background-color: #fff;
    transition: all .1s;
    text-decoration: none;
    border-bottom: 1px solid #ddd;}

.select-option-menu  > ul > li > a:focus,
.select-option-menu  > ul > li > a:hover {
    color: #000;
    background-color: #ffffff;
    text-decoration: underline;
    border: none;
    border-bottom: 1px solid #ddd;}

.select-option-menu  > ul > li > a .select-option.select-option-selected {
    color: #000;
    text-decoration: underline;
    background-color: #ffffff;}

.select-option {
	padding: 7px 10px 7px 10px
}


/*----------------------Pager------------------*/

.pagination > li > a, .pagination > li > span {
    background-color: #fff;
}

.pagination .field-group.d-select {
    margin-top: -5px;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    background-color: #fff;
}

/*------------------Loginmenü------------------*/

.banner-list {
	padding-left: 1em;
	padding-right: 1em;}

/*Standard-Menüpunkte Medium*/
.btn-login {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    outline: none;
    margin: -1.5em 0 0 0;
    cursor: pointer;
    background-color: transparent;
    color: #000;}
    
@media (min-width: 768px) {
.btn-login {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    outline: none;
    margin: 0;
    cursor: pointer;
    background-color: #fff;
    color: #000;}
}

.btn-login.md {
    padding: 0.7em 0em 0.6em 0em;
    font-size: 14px;}

.btn-login:focus,
.btn-login:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #464646 !important;
    outline: none;
    padding: 0.4em 0em 0.15em 0em;
    margin-bottom: 0px;
    box-shadow: none !important;
    text-decoration: none !important;
    background-color: #fff;} 

@media (min-width: 768px) {
.btn-login:focus,
.btn-login:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #464646 !important;
    outline: none;
    padding: 0.67em 1em 0.6em 0em;
    margin: 0;
    margin-bottom: 0px;
    box-shadow: none !important;
    text-decoration: none !important;
    background-color: #fff;}
}

.login-li-element .btn.md:not(.btn-link):not(.btn.circle):hover {
    outline: 0;
    padding-bottom: 0.5em !important;}
    
 /*DropDown-Menüpunkte*/
.btn-dropdown-login-menu > button {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    /*padding: 0.35em 1em 0.15em 1em !important;*/
    padding: 0.35em 0em 0.15em 0em !important;
    outline: none;
    margin: 0;
    cursor: pointer;
    background-color: #fff;
    color: #000;}

.btn-dropdown-login-menu > button > i.pull-right {
    margin-top: 0.15em;}

.btn-dropdown-login-menu > button:focus,
.btn-dropdown-login-menu > button:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #464646 !important;
    outline: none;
    /*padding: 0.35em 1em 0.15em 1em;*/
    padding: 0.35em 0em 0.15em 0em;
    margin: 0;
    margin-bottom: 0px;
    box-shadow: none !important;
    text-decoration: none !important;
    background-color: #fff;}

.dropdown.login-dropdown .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: 1px solid #006eb8 !important;
    border-left: 1px solid #006eb8 !important;
    border-top: none !important;
    border-bottom: none !important;
    outline: none;
    margin: 0;
    cursor: pointer;}

.dropdown.login-dropdown .dropdown-menu > li > a {
    color: #000;
    background-color: #fff;
    transition: all .1s;
    text-decoration: none;
    border-bottom: 1px solid #006eb8;}

.dropdown.login-dropdown .dropdown-menu > li > a:focus,
.dropdown.login-dropdown .dropdown-menu > li > a:hover {
    color: #000;
    background: #464646;
    text-decoration: none;
    border: underline;
    border-bottom: 1px solid #006eb8;} 

/*------------------BURGERMENU------------------*/    

.right-sidebar {
    width: 280px;
    height: calc(100vh - 70px);
    position: fixed;
    right: 0px;
    top: 60px;
    margin-right: 0px;
    background: #fff;
    z-index: 12 !important;
    -webkit-box-shadow: -2px 2px 5px rgb(0 0 0 / 10%);
    -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 2px 5px rgb(0 0 0 / 10%);
    overflow: hidden;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.menu-header {
    line-height: 24px !important;
}

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

.menu .list .header {
    font-size: 14px;
    font-weight: 700;
    padding: 8px 16px;
}

.menu:not([class*="bg-"]) .list .header {
    background-color: #464646;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.menu .list a {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
    padding: 10px 13px;
    text-decoration: none;
}

.menu .list a .title {
    margin: 2px 0px 0px 12px;
    font-weight: 500;
    font-size: 14px;
    overflow: hidden;
}

.menu:not([class*="bg-"]) .list a {
    color: #747474;
}

.menu:not([class*="bg-"]) .list a .title {
    color: #464646;
}

.menu .list a:hover, .menu .list a:active, .menu .list a:focus {
   text-decoration: underline;
}

.menu .list li a:hover {
    background-color: #ffffff;
}




    
/*------------------STARTSEITE------------------*/

/*Header*/
.jumbotron-start {
  padding-top: 3em;
  padding-bottom: 3em;
  margin-bottom: 3em;
  color: #000;
  background-color: #ffffff;
  background: #fff;}

.jumbotron-start h1,
.jumbotron-start .h1 {
  font-size: 2.5em;
  color: inherit;}

@media (min-width: 500px) {
  .jumbotron-start h1,
  .jumbotron-start .h1 {
  font-size: 3em;
  color: inherit;}
}

.jumbotron-start p {
  margin-top: 1em;
  font-size: 1.5em;
  font-weight: 400;}

.jumbotron-start > hr {
  border-top-color: #d5d5d5;}

.container .jumbotron-start,
.container-fluid .jumbotron-start {
  padding-right: 2em;
  padding-left: 2em;
  border-radius: 6px;}

.jumbotron-start .container {
  max-width: 100%;}

@media (min-width: 768px) {  
.jumbotron-start h1,
.jumbotron-start .h1 {
  font-size: 4em;
  color: inherit;}
}

@media (min-width: 768px) {  
.jumbotron-start p {
  margin-top: 1em;
  font-size: 1.8em;
  font-weight: 400;}
}

@media (min-width: 993px) {
  .jumbotron-start {
    padding-top: 2em;
    padding-bottom: 8em;}
    
  .container .jumbotron-start,
  .container-fluid .jumbotron-start {
    padding-right: 12em;
    padding-left: 12em;}

  .jumbotron-start h1,
  .jumbotron .h1 {
    font-size: 5em;}

  .jumbotron-start p {
  margin-top: 1.5em;
  font-size: 2 em;
  font-weight: 400;}
}

/*Aktuelles-News*/
.card-news {
    background: white;
    min-height: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    margin-bottom: 30px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #ddd;
    hyphens: auto;}

.card-news .header {
    color: #000;
    padding: 0px 0 10px 0;
    position: relative;}
    
@media (min-width: 768px) {
    .card-news .header {
    color: #000;
    padding: 20px 0 10px 0;
    position: relative;}
}

.card-news .header h3 {
    margin: 0;
    font-size: 1.7em;
    font-weight: 400;
    color: #000;}

.card-news .header h3 a {
    text-decoration: underline;
    color: #000;}

.card-news .header h3 a:focus,    
.card-news .header h3 a:hover {
    background-color: #ffffff;}
    
@media (min-width: 768px) {
   .card-news .header h3 {
    margin: 0;
    font-size: 1.8em;
    font-weight: 400;
    color: #000;}
    
    .card-news .header h3 a {
    text-decoration: underline;
    color: #000;}
}

.card-news .header h3 small {
    display: block;
    font-size: 0.6em;
    margin-bottom: 0.5em;
    color: #000;
    line-height: 15px;
    font-weight: 400;}

.card-news .body {
    font-size: 1.25em;
    font-weight: 300;
    padding: 10px 0 20px 0;}
    
@media (min-width: 768px) {
    .card-news .body {
    font-size: 1.35em;
    font-weight: 300;
    padding: 10px 0 40px 0;}
}

.card-news .body a {
    word-break: break-all;}

.card-news .body a:focus,
.card-news .body a:hover {
    background-color: #ffffff;}

.news-preview {
    height: 5em;
    overflow: hidden;}

.news-preview:after {
    position: absolute;
    left: 0px;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to top, 
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 0) 50%);
    pointer-events: none; /* so the text is still selectable */
    overflow: hidden;}
      
/*Kategorien*/   
.cat-card {
    color: #000;
    background-color: ##005b80;
    min-height: 50px;
    -webkit-box-shadow: 0px 0px 5px 1px #464646;
    -moz-box-shadow: 0px 0px 5px 1px #464646;
    -ms-box-shadow: 0px 0px 5px 1px #464646;
    box-shadow: 0px 0px 5px 1px #464646;
    position: relative;
    margin-bottom: 1.5em;
    text-align: center;
    line-heigth: 0.5em;
    cursor: pointer;
    border: 2px solid #006eb8}

.cat-card:hover,
.cat-card:focus {
    color: #464646;
    font-weight: 500;
    text-decoration: underline;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);
    -ms-box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);
    border: 2px solid #464646;}

.cat-card > hr {
  margin-right: 0;
  margin-left: 0;}

.cat-card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
  margin-bottom: 1.2em;}

.cat-card-title {
  margin-bottom: 0.75rem;
  text-align: center;
  line-height: 1.4em;
  word-break: break-word;}

.cat-card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;}

.cat-card-text:last-child {
  margin-bottom: 0;
  text-align: center;}

.cat-card-img-top {
  width: 50%;
  text-align: center;
  margin-top: 0.5em;}
  
.cat-card-icon-top {
  width: 50%;
  text-align: center;
  margin-top: 0.2em;
  font-size: 80px} 

/*------------------INHALTSSEITEN------------------*/

/*Header*/
.jumbotron-content {
  padding-top: 2em;
  padding-bottom: 2em;
  margin-bottom: 3em;
  color: white;
  background-image: url(../images/ip_header.jpg);
  background-size: cover;}

.jumbotron-content h1,
.jumbotron-content .h1 {
  font-size: 3em;
  color: inherit;}

@media (max-width: 420px) {
  .jumbotron-content h1,
  .jumbotron-content .h1 {
  font-size: 2.5em;
  color: inherit;}
}

.jumbotron-content p {
  margin-top: 1em;
  font-size: 1.5em;
  font-weight: 400;}

.jumbotron-content > hr {
  border-top-color: #d5d5d5;}

.container .jumbotron-content,
.container-fluid .jumbotron-content {
  padding-right: 2em;
  padding-left: 2em;
  border-radius: 6px;}

.jumbotron-content .container {
  max-width: 100%;}

@media (min-width: 768px) {  
.jumbotron-content h1,
.jumbotron-content .h1 {
  font-size: 4em;
  color: inherit;}
}

@media (min-width: 768px) {  
.jumbotron-content p {
  margin-top: 1em;
  font-size: 1.8em;
  font-weight: 400;}
}
  
@media (min-width: 993px) {
  .jumbotron-content {
    padding-top: 0;
    padding-bottom: 3em;}
    
  .container .jumbotron-content,
  .container-fluid .jumbotron-content {
    padding-right: 12em;
    padding-left: 12em;}
    
  .jumbotron-content h1,
  .jumbotron-content .h1 {
    font-size: 5em;}
  
  .jumbotron-content p {
  margin-top: 1.5em;
  font-size: 2 em;
  font-weight: 400;}
}

.lead {
  margin-bottom: 20px;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 1.35em;
  }
}

.flowing-text {
    font-weight: 400;}

@media (min-width: 768px) {
    .flowing-text {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;}
}

.flowing-text:last-child {
    font-weight: 400;
    margin-bottom: 0rem;}

@media (min-width: 768px) {
    .flowing-text:last-child {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 0rem;}
}

.flowing-text a:focus,
.flowing-text a:hover {
    background-color: #ffffff;}

/*------------------DARSTELLUNG ERGEBNISSE------------------*/

.card {
    background: #fff;
    min-height: 50px;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    position: relative;
    margin-bottom: 0.7em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: 2px solid transparent;
    padding: 2px 2px 0 2px;}

/*.card:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.36);
    border: 2px solid #464646;}*/
    
.card:not([class*="dom-ui-collapsed"]) .header:not([class*="bg-"]) {
    border-bottom: none;
}

.card .header {
    color: #000;
    padding: 15px 10px 20px 10px;
    position: relative;}

.card .header h2 {
    margin: 0;
    margin-bottom: 1em;
    font-size: 1.3em;
    font-weight: 400;
    color: #111;}

@media (max-width: 768px) {
.card .header h2 {
    margin: 0;
    margin-bottom: 0.6em;
    font-size: 1.2em;
    font-weight: 400;
    color: #111;}
}

.card .header:not([class*="bg-"]) {
    border-bottom: none;}

.header-actions > i.pull-right {
    margin-top: 0;}
       
.card .header .action-icon:hover {
    background-color: #ffffff;
    opacity: 1;}
    
.card .header:not([class*="bg-"]) :not([class*="col-"]).material-icons {
    color: #000;}

.card .body {
    font-size: 14px;
    padding: 15px 10px;
    border-top: 1px solid rgba(204,204,204,0.35);
    margin-bottom: -2px !important;}

.card .body .grid-col {
    margin-bottom: 20px;}

.card .body .grid-row {
    padding-right: 10px;
    padding-left: 10px;} 

.result-container-header .select-value {
    top: 0.42em !important;
}

.result-container-header .field-group.lined.switch .field-cntr {
    padding: 0px
    margin-top: -3px;
}

.result-container-header .field-group {
    margin-bottom: 5px;
}

.result-container-header .field-group.lined .field-cntr {
    height: 5px;
}
    
    
 /*------------------DIALOGE------------------*/   
    


.modal-body {
    position: relative;
    padding: 15px;
    overflow: auto;
}

.modal .modal-content .modal-body {
    color: #464646;
    padding: 10px 20px 10px 20px;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal .modal-header {
    border: 0;
    padding: 20px;
}

.modal-body .form-container {
    margin-bottom: 1rem;
    margin-left: 0rem;
    margin-right: 0rem;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal .modal-footer {
    border: 0;
}

.modal-footer .btn+.btn {
    margin: 0.4em 0.6em 0.2em 0;}
    
    
/*------------------FOOTER------------------*/

#footerId {
	border-top: 1px solid #000;
	background-color: #f0f0f0;
	color: #000;
	min-height: 10em;
	width: 100%;}

.footer-bottom-line {
	background-color: #f0f0f0;
	color: #fff;
	height: 3em;
	width: 100%;
	margin: 0;
	padding: 0.8em 0 0.1em 0;}

.footer-container {
	background-color: transparent;
	color: #000;
	padding: 1.5em 0 1.5em 0;
    margin-right: 2.5em;
    margin-left: 2.5em;}

@media (min-width: 992px) {
    .footer-container {
    margin-right: 20em;
    margin-left: 20em;}
}

@media (max-width: 420px) {    
    .footer-container {
    margin-right: 0.8em;
    margin-left: 0.8em;}
}

.footer-link {
	color: #000;
	text-decoration: none;
	padding: 0 0.4em 0 0.6em;
	border-left: 1px solid #000;
	cursor: pointer;
	font-weight: 500;}

.footer-link:first-child {
	border-left: none;}
	
a.footer-link:focus,
a.footer-link:hover {
	text-decoration: underline;
	background-color: transparent !important;}
	
.footer-bottom-link {
	color: #000;
	text-decoration: none;
	padding: 0 0.4em 0 0.6em;
	border-left: 1px solid #000;
	cursor: pointer;
	font-weight: 500;}

.footer-bottom-link:first-child {
	border-left: none;}
	
a.footer-bottom-link:focus,
a.footer-bottom-link:hover {
	text-decoration: underline;
	background-color: transparent !important;}

/*------------------GRID------------------*/
    
@supports not (-ms-high-contrast: none) {

    .layout-grid {
        height: 100%;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }

    .layout-content {
        grid-area: g-content;
    }

    .layout-header {
        grid-area: g-header;
    }

    .layout-footer {
        grid-area: g-footer;
    }

    .layout-left {
        grid-area: g-left;
    }

    .layout-right {
        grid-area: g-right;
    }

    .layout-sub-header {
        grid-area: g-sub-header;
    }

    .layout-sub-footer {
        grid-area: g-sub-footer;
    }

    .grid-row {
        display: grid;
    }

    .row-12 {
        grid-template-columns: repeat(12, 1fr);
        column-gap: 20px;
        grid-column-gap: 20px;
    }

    .row-16 {
        grid-template-columns: repeat(16, 1fr);
        column-gap: 18px;
        grid-column-gap: 18px;
    }

    .row-18 {
        grid-template-columns: repeat(18, 1fr);
        column-gap: 16px;
        grid-column-gap: 16px;
    }

    .row-24 {
        grid-template-columns: repeat(24, 1fr);
        column-gap: 8px;
        grid-column-gap: 8px;
    }

    .row-32 {
        grid-template-columns: repeat(32, 1fr);
        column-gap: 4px;
        grid-column-gap: 4px;
    }

    /*x-Large screens*/
    @media screen and (min-width: 1800px) {
        .span-xl-1 {
            grid-column-end: span 1;
        }

        .span-xl-2 {
            grid-column-end: span 2;
        }

        .span-xl-3 {
            grid-column-end: span 3;
        }

        .span-xl-4 {
            grid-column-end: span 4;
        }

        .span-xl-5 {
            grid-column-end: span 5;
        }

        .span-xl-6 {
            grid-column-end: span 6;
        }

        .span-xl-7 {
            grid-column-end: span 7;
        }

        .span-xl-8 {
            grid-column-end: span 8;
        }

        .span-xl-9 {
            grid-column-end: span 9;
        }

        .span-xl-10 {
            grid-column-end: span 10;
        }

        .span-xl-11 {
            grid-column-end: span 11;
        }

        .span-xl-12 {
            grid-column-end: span 12;
        }

        .span-xl-13 {
            grid-column-end: span 13;
        }

        .span-xl-14 {
            grid-column-end: span 14;
        }

        .span-xl-15 {
            grid-column-end: span 15;
        }

        .span-xl-16 {
            grid-column-end: span 16;
        }

        .span-xl-17 {
            grid-column-end: span 17;
        }

        .span-xl-18 {
            grid-column-end: span 18;
        }

        .span-xl-19 {
            grid-column-end: span 19;
        }

        .span-xl-20 {
            grid-column-end: span 20;
        }

        .span-xl-21 {
            grid-column-end: span 21;
        }

        .span-xl-22 {
            grid-column-end: span 22;
        }

        .span-xl-23 {
            grid-column-end: span 23;
        }

        .span-xl-24 {
            grid-column-end: span 24;
        }

        .span-xl-25 {
            grid-column-end: span 25;
        }

        .span-xl-26 {
            grid-column-end: span 26;
        }

        .span-xl-27 {
            grid-column-end: span 27;
        }

        .span-xl-28 {
            grid-column-end: span 28;
        }

        .span-xl-29 {
            grid-column-end: span 29;
        }

        .span-xl-30 {
            grid-column-end: span 30;
        }

        .span-xl-31 {
            grid-column-end: span 31;
        }

        .span-xl-32 {
            grid-column-end: span 32;
        }

        .row-12 .span-xl-full {
            grid-column-end: span 12;
        }

        .row-16 .span-xl-full {
            grid-column-end: span 16;
        }

        .row-18 .span-xl-full {
            grid-column-end: span 18;
        }

        .row-24 .span-xl-full {
            grid-column-end: span 24;
        }

        .row-32 .span-xl-full {
            grid-column-end: span 32;
        }

        /*offset*/
        .offset-xl-none {
        }

        .offset-xl-0 {
            grid-column-start: 1;
        }

        .offset-xl-1 {
            grid-column-start: 2;
        }

        .offset-xl-2 {
            grid-column-start: 3;
        }

        .offset-xl-3 {
            grid-column-start: 4;
        }

        .offset-xl-4 {
            grid-column-start: 5;
        }

        .offset-xl-5 {
            grid-column-start: 6;
        }

        .offset-xl-6 {
            grid-column-start: 7;
        }

        .offset-xl-7 {
            grid-column-start: 8;
        }

        .offset-xl-8 {
            grid-column-start: 9;
        }

        .offset-xl-9 {
            grid-column-start: 10;
        }

        .offset-xl-10 {
            grid-column-start: 11;
        }

        .offset-xl-11 {
            grid-column-start: 12;
        }

        .offset-xl-12 {
            grid-column-start: 13;
        }

        .offset-xl-13 {
            grid-column-start: 14;
        }

        .offset-xl-14 {
            grid-column-start: 15;
        }

        .offset-xl-15 {
            grid-column-start: 16;
        }

        .offset-xl-16 {
            grid-column-start: 17;
        }

        .offset-xl-17 {
            grid-column-start: 18;
        }

        .offset-xl-18 {
            grid-column-start: 19;
        }

        .offset-xl-19 {
            grid-column-start: 20;
        }

        .offset-xl-20 {
            grid-column-start: 21;
        }

        .offset-xl-21 {
            grid-column-start: 22;
        }

        .offset-xl-22 {
            grid-column-start: 23;
        }

        .offset-xl-23 {
            grid-column-start: 24;
        }

        .offset-xl-24 {
            grid-column-start: 25;
        }

        .offset-xl-25 {
            grid-column-start: 26;
        }

        .offset-xl-26 {
            grid-column-start: 27;
        }

        .offset-xl-27 {
            grid-column-start: 28;
        }

        .offset-xl-28 {
            grid-column-start: 29;
        }

        .offset-xl-29 {
            grid-column-start: 30;
        }

        .offset-xl-30 {
            grid-column-start: 31;
        }

        .offset-xl-31 {
            grid-column-start: 32;
        }
    }

    /*Large screens*/
    @media screen and (min-width: 1300px) and (max-width: 1800px) {
        .span-l-1 {
            grid-column-end: span 1;
        }

        .span-l-2 {
            grid-column-end: span 2;
        }

        .span-l-3 {
            grid-column-end: span 3;
        }

        .span-l-4 {
            grid-column-end: span 4;
        }

        .span-l-5 {
            grid-column-end: span 5;
        }

        .span-l-6 {
            grid-column-end: span 6;
        }

        .span-l-7 {
            grid-column-end: span 7;
        }

        .span-l-8 {
            grid-column-end: span 8;
        }

        .span-l-9 {
            grid-column-end: span 9;
        }

        .span-l-10 {
            grid-column-end: span 10;
        }

        .span-l-11 {
            grid-column-end: span 11;
        }

        .span-l-12 {
            grid-column-end: span 12;
        }

        .span-l-13 {
            grid-column-end: span 13;
        }

        .span-l-14 {
            grid-column-end: span 14;
        }

        .span-l-15 {
            grid-column-end: span 15;
        }

        .span-l-16 {
            grid-column-end: span 16;
        }

        .span-l-17 {
            grid-column-end: span 17;
        }

        .span-l-18 {
            grid-column-end: span 18;
        }

        .span-l-19 {
            grid-column-end: span 19;
        }

        .span-l-20 {
            grid-column-end: span 20;
        }

        .span-l-21 {
            grid-column-end: span 21;
        }

        .span-l-22 {
            grid-column-end: span 22;
        }

        .span-l-23 {
            grid-column-end: span 23;
        }

        .span-l-24 {
            grid-column-end: span 24;
        }

        .span-l-25 {
            grid-column-end: span 25;
        }

        .span-l-26 {
            grid-column-end: span 26;
        }

        .span-l-27 {
            grid-column-end: span 27;
        }

        .span-l-28 {
            grid-column-end: span 28;
        }

        .span-l-29 {
            grid-column-end: span 29;
        }

        .span-l-30 {
            grid-column-end: span 30;
        }

        .span-l-31 {
            grid-column-end: span 31;
        }

        .span-l-32 {
            grid-column-end: span 32;
        }

        .row-12 .span-l-full {
            grid-column-end: span 12;
        }

        .row-16 .span-l-full {
            grid-column-end: span 16;
        }

        .row-18 .span-l-full {
            grid-column-end: span 18;
        }

        .row-24 .span-l-full {
            grid-column-end: span 24;
        }

        .row-32 .span-l-full {
            grid-column-end: span 32;
        }

        /*offset*/
        .offset-l-none {
        }

        .offset-l-0 {
            grid-column-start: 1;
        }

        .offset-l-1 {
            grid-column-start: 2;
        }

        .offset-l-2 {
            grid-column-start: 3;
        }

        .offset-l-3 {
            grid-column-start: 4;
        }

        .offset-l-4 {
            grid-column-start: 5;
        }

        .offset-l-5 {
            grid-column-start: 6;
        }

        .offset-l-6 {
            grid-column-start: 7;
        }

        .offset-l-7 {
            grid-column-start: 8;
        }

        .offset-l-8 {
            grid-column-start: 9;
        }

        .offset-l-9 {
            grid-column-start: 10;
        }

        .offset-l-10 {
            grid-column-start: 11;
        }

        .offset-l-11 {
            grid-column-start: 12;
        }

        .offset-l-12 {
            grid-column-start: 13;
        }

        .offset-l-13 {
            grid-column-start: 14;
        }

        .offset-l-14 {
            grid-column-start: 15;
        }

        .offset-l-15 {
            grid-column-start: 16;
        }

        .offset-l-16 {
            grid-column-start: 17;
        }

        .offset-l-17 {
            grid-column-start: 18;
        }

        .offset-l-18 {
            grid-column-start: 19;
        }

        .offset-l-19 {
            grid-column-start: 20;
        }

        .offset-l-20 {
            grid-column-start: 21;
        }

        .offset-l-21 {
            grid-column-start: 22;
        }

        .offset-l-22 {
            grid-column-start: 23;
        }

        .offset-l-23 {
            grid-column-start: 24;
        }

        .offset-l-24 {
            grid-column-start: 25;
        }

        .offset-l-25 {
            grid-column-start: 26;
        }

        .offset-l-26 {
            grid-column-start: 27;
        }

        .offset-l-27 {
            grid-column-start: 28;
        }

        .offset-l-28 {
            grid-column-start: 29;
        }

        .offset-l-29 {
            grid-column-start: 30;
        }

        .offset-l-30 {
            grid-column-start: 31;
        }

        .offset-l-31 {
            grid-column-start: 32;
        }
    }

    /*Medium screens*/
    @media screen and (min-width: 992px) and (max-width: 1300px) {
        .span-m-1 {
            grid-column-end: span 1;
        }

        .span-m-2 {
            grid-column-end: span 2;
        }

        .span-m-3 {
            grid-column-end: span 3;
        }

        .span-m-4 {
            grid-column-end: span 4;
        }

        .span-m-5 {
            grid-column-end: span 5;
        }

        .span-m-6 {
            grid-column-end: span 6;
        }

        .span-m-7 {
            grid-column-end: span 7;
        }

        .span-m-8 {
            grid-column-end: span 8;
        }

        .span-m-9 {
            grid-column-end: span 9;
        }

        .span-m-10 {
            grid-column-end: span 10;
        }

        .span-m-11 {
            grid-column-end: span 11;
        }

        .span-m-12 {
            grid-column-end: span 12;
        }

        .span-m-13 {
            grid-column-end: span 13;
        }

        .span-m-14 {
            grid-column-end: span 14;
        }

        .span-m-15 {
            grid-column-end: span 15;
        }

        .span-m-16 {
            grid-column-end: span 16;
        }

        .span-m-17 {
            grid-column-end: span 17;
        }

        .span-m-18 {
            grid-column-end: span 18;
        }

        .span-m-19 {
            grid-column-end: span 19;
        }

        .span-m-20 {
            grid-column-end: span 20;
        }

        .span-m-21 {
            grid-column-end: span 21;
        }

        .span-m-22 {
            grid-column-end: span 22;
        }

        .span-m-23 {
            grid-column-end: span 23;
        }

        .span-m-24 {
            grid-column-end: span 24;
        }

        .span-m-25 {
            grid-column-end: span 25;
        }

        .span-m-26 {
            grid-column-end: span 26;
        }

        .span-m-27 {
            grid-column-end: span 27;
        }

        .span-m-28 {
            grid-column-end: span 28;
        }

        .span-m-29 {
            grid-column-end: span 29;
        }

        .span-m-30 {
            grid-column-end: span 30;
        }

        .span-m-31 {
            grid-column-end: span 31;
        }

        .span-m-32 {
            grid-column-end: span 32;
        }

        .row-12 .span-m-full {
            grid-column-end: span 12;
        }

        .row-16 .span-m-full {
            grid-column-end: span 16;
        }

        .row-18 .span-m-full {
            grid-column-end: span 18;
        }

        .row-24 .span-m-full {
            grid-column-end: span 24;
        }

        .row-32 .span-m-full {
            grid-column-end: span 32;
        }

        /*offset*/
        .offset-m-none {
        }

        .offset-m-0 {
            grid-column-start: 1;
        }

        .offset-m-1 {
            grid-column-start: 2;
        }

        .offset-m-2 {
            grid-column-start: 3;
        }

        .offset-m-3 {
            grid-column-start: 4;
        }

        .offset-m-4 {
            grid-column-start: 5;
        }

        .offset-m-5 {
            grid-column-start: 6;
        }

        .offset-m-6 {
            grid-column-start: 7;
        }

        .offset-m-7 {
            grid-column-start: 8;
        }

        .offset-m-8 {
            grid-column-start: 9;
        }

        .offset-m-9 {
            grid-column-start: 10;
        }

        .offset-m-10 {
            grid-column-start: 11;
        }

        .offset-m-11 {
            grid-column-start: 12;
        }

        .offset-m-12 {
            grid-column-start: 13;
        }

        .offset-m-13 {
            grid-column-start: 14;
        }

        .offset-m-14 {
            grid-column-start: 15;
        }

        .offset-m-15 {
            grid-column-start: 16;
        }

        .offset-m-16 {
            grid-column-start: 17;
        }

        .offset-m-17 {
            grid-column-start: 18;
        }

        .offset-m-18 {
            grid-column-start: 19;
        }

        .offset-m-19 {
            grid-column-start: 20;
        }

        .offset-m-20 {
            grid-column-start: 21;
        }

        .offset-m-21 {
            grid-column-start: 22;
        }

        .offset-m-22 {
            grid-column-start: 23;
        }

        .offset-m-23 {
            grid-column-start: 24;
        }

        .offset-m-24 {
            grid-column-start: 25;
        }

        .offset-m-25 {
            grid-column-start: 26;
        }

        .offset-m-26 {
            grid-column-start: 27;
        }

        .offset-m-27 {
            grid-column-start: 28;
        }

        .offset-m-28 {
            grid-column-start: 29;
        }

        .offset-m-29 {
            grid-column-start: 30;
        }

        .offset-m-30 {
            grid-column-start: 31;
        }

        .offset-m-31 {
            grid-column-start: 32;
        }
    }

    /*Small screens*/
    @media screen and (min-width: 768px) and (max-width: 992px) {
        .span-s-1 {
            grid-column-end: span 1;
        }

        .span-s-2 {
            grid-column-end: span 2;
        }

        .span-s-3 {
            grid-column-end: span 3;
        }

        .span-s-4 {
            grid-column-end: span 4;
        }

        .span-s-5 {
            grid-column-end: span 5;
        }

        .span-s-6 {
            grid-column-end: span 6;
        }

        .span-s-7 {
            grid-column-end: span 7;
        }

        .span-s-8 {
            grid-column-end: span 8;
        }

        .span-s-9 {
            grid-column-end: span 9;
        }

        .span-s-10 {
            grid-column-end: span 10;
        }

        .span-s-11 {
            grid-column-end: span 11;
        }

        .span-s-12 {
            grid-column-end: span 12;
        }

        .span-s-13 {
            grid-column-end: span 13;
        }

        .span-s-14 {
            grid-column-end: span 14;
        }

        .span-s-15 {
            grid-column-end: span 15;
        }

        .span-s-16 {
            grid-column-end: span 16;
        }

        .span-s-17 {
            grid-column-end: span 17;
        }

        .span-s-18 {
            grid-column-end: span 18;
        }

        .span-s-19 {
            grid-column-end: span 19;
        }

        .span-s-20 {
            grid-column-end: span 20;
        }

        .span-s-21 {
            grid-column-end: span 21;
        }

        .span-s-22 {
            grid-column-end: span 22;
        }

        .span-s-23 {
            grid-column-end: span 23;
        }

        .span-s-24 {
            grid-column-end: span 24;
        }

        .span-s-25 {
            grid-column-end: span 25;
        }

        .span-s-26 {
            grid-column-end: span 26;
        }

        .span-s-27 {
            grid-column-end: span 27;
        }

        .span-s-28 {
            grid-column-end: span 28;
        }

        .span-s-29 {
            grid-column-end: span 29;
        }

        .span-s-30 {
            grid-column-end: span 30;
        }

        .span-s-31 {
            grid-column-end: span 31;
        }

        .span-s-32 {
            grid-column-end: span 32;
        }

        .row-12 .span-s-full {
            grid-column-end: span 12;
        }

        .row-16 .span-s-full {
            grid-column-end: span 16;
        }

        .row-18 .span-s-full {
            grid-column-end: span 18;
        }

        .row-24 .span-s-full {
            grid-column-end: span 24;
        }

        .row-32 .span-s-full {
            grid-column-end: span 32;
        }

        /*offset*/
        .offset-s-none {
        }

        .offset-s-0 {
            grid-column-start: 1;
        }

        .offset-s-1 {
            grid-column-start: 2;
        }

        .offset-s-2 {
            grid-column-start: 3;
        }

        .offset-s-3 {
            grid-column-start: 4;
        }

        .offset-s-4 {
            grid-column-start: 5;
        }

        .offset-s-5 {
            grid-column-start: 6;
        }

        .offset-s-6 {
            grid-column-start: 7;
        }

        .offset-s-7 {
            grid-column-start: 8;
        }

        .offset-s-8 {
            grid-column-start: 9;
        }

        .offset-s-9 {
            grid-column-start: 10;
        }

        .offset-s-10 {
            grid-column-start: 11;
        }

        .offset-s-11 {
            grid-column-start: 12;
        }

        .offset-s-12 {
            grid-column-start: 13;
        }

        .offset-s-13 {
            grid-column-start: 14;
        }

        .offset-s-14 {
            grid-column-start: 15;
        }

        .offset-s-15 {
            grid-column-start: 16;
        }

        .offset-s-16 {
            grid-column-start: 17;
        }

        .offset-s-17 {
            grid-column-start: 18;
        }

        .offset-s-18 {
            grid-column-start: 19;
        }

        .offset-s-19 {
            grid-column-start: 20;
        }

        .offset-s-20 {
            grid-column-start: 21;
        }

        .offset-s-21 {
            grid-column-start: 22;
        }

        .offset-s-22 {
            grid-column-start: 23;
        }

        .offset-s-23 {
            grid-column-start: 24;
        }

        .offset-s-24 {
            grid-column-start: 25;
        }

        .offset-s-25 {
            grid-column-start: 26;
        }

        .offset-s-26 {
            grid-column-start: 27;
        }

        .offset-s-27 {
            grid-column-start: 28;
        }

        .offset-s-28 {
            grid-column-start: 29;
        }

        .offset-s-29 {
            grid-column-start: 30;
        }

        .offset-s-30 {
            grid-column-start: 31;
        }

        .offset-s-31 {
            grid-column-start: 32;
        }
    }

    /*x-Small screens*/
    @media screen and (min-width: 500px) and (max-width: 768px)
    /*@media screen and (max-width: 768px)*/ {
        .span-xs-1 {
            grid-column-end: span 1;
        }

        .span-xs-2 {
            grid-column-end: span 2;
        }

        .span-xs-3 {
            grid-column-end: span 3;
        }

        .span-xs-4 {
            grid-column-end: span 4;
        }

        .span-xs-5 {
            grid-column-end: span 5;
        }

        .span-xs-6 {
            grid-column-end: span 6;
        }

        .span-xs-7 {
            grid-column-end: span 7;
        }

        .span-xs-8 {
            grid-column-end: span 8;
        }

        .span-xs-9 {
            grid-column-end: span 9;
        }

        .span-xs-10 {
            grid-column-end: span 10;
        }

        .span-xs-11 {
            grid-column-end: span 11;
        }

        .span-xs-12 {
            grid-column-end: span 12;
        }

        .span-xs-13 {
            grid-column-end: span 13;
        }

        .span-xs-14 {
            grid-column-end: span 14;
        }

        .span-xs-15 {
            grid-column-end: span 15;
        }

        .span-xs-16 {
            grid-column-end: span 16;
        }

        .span-xs-17 {
            grid-column-end: span 17;
        }

        .span-xs-18 {
            grid-column-end: span 18;
        }

        .span-xs-19 {
            grid-column-end: span 19;
        }

        .span-xs-20 {
            grid-column-end: span 20;
        }

        .span-xs-21 {
            grid-column-end: span 21;
        }

        .span-xs-22 {
            grid-column-end: span 22;
        }

        .span-xs-23 {
            grid-column-end: span 23;
        }

        .span-xs-24 {
            grid-column-end: span 24;
        }

        .span-xs-25 {
            grid-column-end: span 25;
        }

        .span-xs-26 {
            grid-column-end: span 26;
        }

        .span-xs-27 {
            grid-column-end: span 27;
        }

        .span-xs-28 {
            grid-column-end: span 28;
        }

        .span-xs-29 {
            grid-column-end: span 29;
        }

        .span-xs-30 {
            grid-column-end: span 30;
        }

        .span-xs-31 {
            grid-column-end: span 31;
        }

        .span-xs-32 {
            grid-column-end: span 32;
        }

        .row-12 .span-xs-full {
            grid-column-end: span 12;
        }

        .row-16 .span-xs-full {
            grid-column-end: span 16;
        }

        .row-18 .span-xs-full {
            grid-column-end: span 18;
        }

        .row-24 .span-xs-full {
            grid-column-end: span 24;
        }

        .row-32 .span-xs-full {
            grid-column-end: span 32;
        }

        /*offset*/
        .offset-xs-none {
        }

        .offset-xs-0 {
            grid-column-start: 1;
        }

        .offset-xs-1 {
            grid-column-start: 2;
        }

        .offset-xs-2 {
            grid-column-start: 3;
        }

        .offset-xs-3 {
            grid-column-start: 4;
        }

        .offset-xs-4 {
            grid-column-start: 5;
        }

        .offset-xs-5 {
            grid-column-start: 6;
        }

        .offset-xs-6 {
            grid-column-start: 7;
        }

        .offset-xs-7 {
            grid-column-start: 8;
        }

        .offset-xs-8 {
            grid-column-start: 9;
        }

        .offset-xs-9 {
            grid-column-start: 10;
        }

        .offset-xs-10 {
            grid-column-start: 11;
        }

        .offset-xs-11 {
            grid-column-start: 12;
        }

        .offset-xs-12 {
            grid-column-start: 13;
        }

        .offset-xs-13 {
            grid-column-start: 14;
        }

        .offset-xs-14 {
            grid-column-start: 15;
        }

        .offset-xs-15 {
            grid-column-start: 16;
        }

        .offset-xs-16 {
            grid-column-start: 17;
        }

        .offset-xs-17 {
            grid-column-start: 18;
        }

        .offset-xs-18 {
            grid-column-start: 19;
        }

        .offset-xs-19 {
            grid-column-start: 20;
        }

        .offset-xs-20 {
            grid-column-start: 21;
        }

        .offset-xs-21 {
            grid-column-start: 22;
        }

        .offset-xs-22 {
            grid-column-start: 23;
        }

        .offset-xs-23 {
            grid-column-start: 24;
        }

        .offset-xs-24 {
            grid-column-start: 25;
        }

        .offset-xs-25 {
            grid-column-start: 26;
        }

        .offset-xs-26 {
            grid-column-start: 27;
        }

        .offset-xs-27 {
            grid-column-start: 28;
        }

        .offset-xs-28 {
            grid-column-start: 29;
        }

        .offset-xs-29 {
            grid-column-start: 30;
        }

        .offset-xs-30 {
            grid-column-start: 31;
        }

        .offset-xs-31 {
            grid-column-start: 32;
        }
    }
    
    /*xx-Small screens*/
    @media screen and (max-width: 500px) {
        .span-xxs-1 {
            grid-column-end: span 1;
        }

        .span-xxs-2 {
            grid-column-end: span 2;
        }

        .span-xxs-3 {
            grid-column-end: span 3;
        }

        .span-xxs-4 {
            grid-column-end: span 4;
        }

        .span-xxs-5 {
            grid-column-end: span 5;
        }

        .span-xxs-6 {
            grid-column-end: span 6;
        }

        .span-xxs-7 {
            grid-column-end: span 7;
        }

        .span-xxs-8 {
            grid-column-end: span 8;
        }

        .span-xxs-9 {
            grid-column-end: span 9;
        }

        .span-xxs-10 {
            grid-column-end: span 10;
        }

        .span-xxs-11 {
            grid-column-end: span 11;
        }

        .span-xxs-12 {
            grid-column-end: span 12;
        }

        .span-xxs-13 {
            grid-column-end: span 13;
        }

        .span-xxs-14 {
            grid-column-end: span 14;
        }

        .span-xxs-15 {
            grid-column-end: span 15;
        }

        .span-xxs-16 {
            grid-column-end: span 16;
        }

        .span-xxs-17 {
            grid-column-end: span 17;
        }

        .span-xxs-18 {
            grid-column-end: span 18;
        }

        .span-xxs-19 {
            grid-column-end: span 19;
        }

        .span-xxs-20 {
            grid-column-end: span 20;
        }

        .span-xxs-21 {
            grid-column-end: span 21;
        }

        .span-xxs-22 {
            grid-column-end: span 22;
        }

        .span-xxs-23 {
            grid-column-end: span 23;
        }

        .span-xxs-24 {
            grid-column-end: span 24;
        }

        .span-xxs-25 {
            grid-column-end: span 25;
        }

        .span-xxs-26 {
            grid-column-end: span 26;
        }

        .span-xxs-27 {
            grid-column-end: span 27;
        }

        .span-xxs-28 {
            grid-column-end: span 28;
        }

        .span-xxs-29 {
            grid-column-end: span 29;
        }

        .span-xxs-30 {
            grid-column-end: span 30;
        }

        .span-xxs-31 {
            grid-column-end: span 31;
        }

        .span-xxs-32 {
            grid-column-end: span 32;
        }

        .row-12 .span-xxs-full {
            grid-column-end: span 12;
        }

        .row-16 .span-xxs-full {
            grid-column-end: span 16;
        }

        .row-18 .span-xxs-full {
            grid-column-end: span 18;
        }

        .row-24 .span-xxs-full {
            grid-column-end: span 24;
        }

        .row-32 .span-xxs-full {
            grid-column-end: span 32;
        }

        /*offset*/
        .offset-xxs-none {
        }

        .offset-xxs-0 {
            grid-column-start: 1;
        }

        .offset-xxs-1 {
            grid-column-start: 2;
        }

        .offset-xxs-2 {
            grid-column-start: 3;
        }

        .offset-xxs-3 {
            grid-column-start: 4;
        }

        .offset-xxs-4 {
            grid-column-start: 5;
        }

        .offset-xxs-5 {
            grid-column-start: 6;
        }

        .offset-xxs-6 {
            grid-column-start: 7;
        }

        .offset-xxs-7 {
            grid-column-start: 8;
        }

        .offset-xxs-8 {
            grid-column-start: 9;
        }

        .offset-xxs-9 {
            grid-column-start: 10;
        }

        .offset-xxs-10 {
            grid-column-start: 11;
        }

        .offset-xxs-11 {
            grid-column-start: 12;
        }

        .offset-xxs-12 {
            grid-column-start: 13;
        }

        .offset-xxs-13 {
            grid-column-start: 14;
        }

        .offset-xxs-14 {
            grid-column-start: 15;
        }

        .offset-xxs-15 {
            grid-column-start: 16;
        }

        .offset-xxs-16 {
            grid-column-start: 17;
        }

        .offset-xxs-17 {
            grid-column-start: 18;
        }

        .offset-xxs-18 {
            grid-column-start: 19;
        }

        .offset-xxs-19 {
            grid-column-start: 20;
        }

        .offset-xxs-20 {
            grid-column-start: 21;
        }

        .offset-xxs-21 {
            grid-column-start: 22;
        }

        .offset-xxs-22 {
            grid-column-start: 23;
        }

        .offset-xxs-23 {
            grid-column-start: 24;
        }

        .offset-xxs-24 {
            grid-column-start: 25;
        }

        .offset-xxs-25 {
            grid-column-start: 26;
        }

        .offset-xxs-26 {
            grid-column-start: 27;
        }

        .offset-xxs-27 {
            grid-column-start: 28;
        }

        .offset-xxs-28 {
            grid-column-start: 29;
        }

        .offset-xxs-29 {
            grid-column-start: 30;
        }

        .offset-xxs-30 {
            grid-column-start: 31;
        }

        .offset-xxs-31 {
            grid-column-start: 32;
        }
    }

    .grid-col {
        min-height: 1px;
    }

}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .row-12 {
        clear: both;
        margin-right: -15px;
        margin-left: -15px;
    }

    .row-12::before {
        clear: both;
        display: table;
        content: " ";
    }

    .row-12::after {
        clear: both;
        display: table;
        content: " ";
    }

    .grid-col {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

}

@media all and (-ms-high-contrast: none) and (max-width: 768px) {

    .span-xs-1,
    .span-xs-2,
    .span-xs-3,
    .span-xs-4,
    .span-xs-5,
    .span-xs-6,
    .span-xs-7,
    .span-xs-8,
    .span-xs-9,
    .span-xs-10,
    .span-xs-11,
    .span-xs-12 {
        float: left;
    }

    .span-xs-12 {
        width: 100%;
    }

    .span-xs-11 {
        width: 91.66666667%;
    }

    .span-xs-10 {
        width: 83.33333333%;
    }

    .span-xs-9 {
        width: 75%;
    }

    .span-xs-8 {
        width: 66.66666667%;
    }

    .span-xs-7 {
        width: 58.33333333%;
    }

    .span-xs-6 {
        width: 50%;
    }

    .span-xs-5 {
        width: 41.66666667%;
    }

    .span-xs-4 {
        width: 33.33333333%;
    }

    .span-xs-3 {
        width: 25%;
    }

    .span-xs-2 {
        width: 16.66666667%;
    }

    .span-xs-1 {
        width: 8.33333333%;
    }

    .offset-xs-12 {
        margin-left: 100%;
    }

    .offset-xs-11 {
        margin-left: 91.66666667%;
    }

    .offset-xs-10 {
        margin-left: 83.33333333%;
    }

    .offset-xs-9 {
        margin-left: 75%;
    }

    .offset-xs-8 {
        margin-left: 66.66666667%;
    }

    .offset-xs-7 {
        margin-left: 58.33333333%;
    }

    .offset-xs-6 {
        margin-left: 50%;
    }

    .offset-xs-5 {
        margin-left: 41.66666667%;
    }

    .offset-xs-4 {
        margin-left: 33.33333333%;
    }

    .offset-xs-3 {
        margin-left: 25%;
    }

    .offset-xs-2 {
        margin-left: 16.66666667%;
    }

    .offset-xs-1 {
        margin-left: 8.33333333%;
    }

    .offset-xs-0 {
        margin-left: 0;
    }
}

@media all and (-ms-high-contrast: none) and (min-width: 768px) {
    .span-s-1,
    .span-s-2,
    .span-s-3,
    .span-s-4,
    .span-s-5,
    .span-s-6,
    .span-s-7,
    .span-s-8,
    .span-s-9,
    .span-s-10,
    .span-s-11,
    .span-s-12 {
        float: left;
    }

    .span-s-12 {
        width: 100%;
    }

    .span-s-11 {
        width: 91.66666667%;
    }

    .span-s-10 {
        width: 83.33333333%;
    }

    .span-s-9 {
        width: 75%;
    }

    .span-s-8 {
        width: 66.66666667%;
    }

    .span-s-7 {
        width: 58.33333333%;
    }

    .span-s-6 {
        width: 50%;
    }

    .span-s-5 {
        width: 41.66666667%;
    }

    .span-s-4 {
        width: 33.33333333%;
    }

    .span-s-3 {
        width: 25%;
    }

    .span-s-2 {
        width: 16.66666667%;
    }

    .span-s-1 {
        width: 8.33333333%;
    }

    .span-s-pull-12 {
        right: 100%;
    }

    .span-s-pull-11 {
        right: 91.66666667%;
    }

    .span-s-pull-10 {
        right: 83.33333333%;
    }

    .span-s-pull-9 {
        right: 75%;
    }

    .span-s-pull-8 {
        right: 66.66666667%;
    }

    .span-s-pull-7 {
        right: 58.33333333%;
    }

    .span-s-pull-6 {
        right: 50%;
    }

    .span-s-pull-5 {
        right: 41.66666667%;
    }

    .span-s-pull-4 {
        right: 33.33333333%;
    }

    .span-s-pull-3 {
        right: 25%;
    }

    .span-s-pull-2 {
        right: 16.66666667%;
    }

    .span-s-pull-1 {
        right: 8.33333333%;
    }

    .span-s-pull-0 {
        right: auto;
    }

    .span-s-push-12 {
        left: 100%;
    }

    .span-s-push-11 {
        left: 91.66666667%;
    }

    .span-s-push-10 {
        left: 83.33333333%;
    }

    .span-s-push-9 {
        left: 75%;
    }

    .span-s-push-8 {
        left: 66.66666667%;
    }

    .span-s-push-7 {
        left: 58.33333333%;
    }

    .span-s-push-6 {
        left: 50%;
    }

    .span-s-push-5 {
        left: 41.66666667%;
    }

    .span-s-push-4 {
        left: 33.33333333%;
    }

    .span-s-push-3 {
        left: 25%;
    }

    .span-s-push-2 {
        left: 16.66666667%;
    }

    .span-s-push-1 {
        left: 8.33333333%;
    }

    .span-s-push-0 {
        left: auto;
    }

    .offset-s-12 {
        margin-left: 100%;
    }

    .offset-s-11 {
        margin-left: 91.66666667%;
    }

    .offset-s-10 {
        margin-left: 83.33333333%;
    }

    .offset-s-9 {
        margin-left: 75%;
    }

    .offset-s-8 {
        margin-left: 66.66666667%;
    }

    .offset-s-7 {
        margin-left: 58.33333333%;
    }

    .offset-s-6 {
        margin-left: 50%;
    }

    .offset-s-5 {
        margin-left: 41.66666667%;
    }

    .offset-s-4 {
        margin-left: 33.33333333%;
    }

    .offset-s-3 {
        margin-left: 25%;
    }

    .offset-s-2 {
        margin-left: 16.66666667%;
    }

    .offset-s-1 {
        margin-left: 8.33333333%;
    }

    .offset-s-0 {
        margin-left: 0;
    }
}

@media all and (-ms-high-contrast: none) and (min-width: 992px) {
    .span-m-1,
    .span-m-2,
    .span-m-3,
    .span-m-4,
    .span-m-5,
    .span-m-6,
    .span-m-7,
    .span-m-8,
    .span-m-9,
    .span-m-10,
    .span-m-11,
    .span-m-12 {
        float: left;
    }

    .span-m-12 {
        width: 100%;
    }

    .span-m-11 {
        width: 91.66666667%;
    }

    .span-m-10 {
        width: 83.33333333%;
    }

    .span-m-9 {
        width: 75%;
    }

    .span-m-8 {
        width: 66.66666667%;
    }

    .span-m-7 {
        width: 58.33333333%;
    }

    .span-m-6 {
        width: 50%;
    }

    .span-m-5 {
        width: 41.66666667%;
    }

    .span-m-4 {
        width: 33.33333333%;
    }

    .span-m-3 {
        width: 25%;
    }

    .span-m-2 {
        width: 16.66666667%;
    }

    .span-m-1 {
        width: 8.33333333%;
    }

    .span-m-pull-12 {
        right: 100%;
    }

    .span-m-pull-11 {
        right: 91.66666667%;
    }

    .span-m-pull-10 {
        right: 83.33333333%;
    }

    .span-m-pull-9 {
        right: 75%;
    }

    .span-m-pull-8 {
        right: 66.66666667%;
    }

    .span-m-pull-7 {
        right: 58.33333333%;
    }

    .span-m-pull-6 {
        right: 50%;
    }

    .span-m-pull-5 {
        right: 41.66666667%;
    }

    .span-m-pull-4 {
        right: 33.33333333%;
    }

    .span-m-pull-3 {
        right: 25%;
    }

    .span-m-pull-2 {
        right: 16.66666667%;
    }

    .span-m-pull-1 {
        right: 8.33333333%;
    }

    .span-m-pull-0 {
        right: auto;
    }

    .span-m-push-12 {
        left: 100%;
    }

    .span-m-push-11 {
        left: 91.66666667%;
    }

    .span-m-push-10 {
        left: 83.33333333%;
    }

    .span-m-push-9 {
        left: 75%;
    }

    .span-m-push-8 {
        left: 66.66666667%;
    }

    .span-m-push-7 {
        left: 58.33333333%;
    }

    .span-m-push-6 {
        left: 50%;
    }

    .span-m-push-5 {
        left: 41.66666667%;
    }

    .span-m-push-4 {
        left: 33.33333333%;
    }

    .span-m-push-3 {
        left: 25%;
    }

    .span-m-push-2 {
        left: 16.66666667%;
    }

    .span-m-push-1 {
        left: 8.33333333%;
    }

    .span-m-push-0 {
        left: auto;
    }

    .offset-m-12 {
        margin-left: 100%;
    }

    .offset-m-11 {
        margin-left: 91.66666667%;
    }

    .offset-m-10 {
        margin-left: 83.33333333%;
    }

    .offset-m-9 {
        margin-left: 75%;
    }

    .offset-m-8 {
        margin-left: 66.66666667%;
    }

    .offset-m-7 {
        margin-left: 58.33333333%;
    }

    .offset-m-6 {
        margin-left: 50%;
    }

    .offset-m-5 {
        margin-left: 41.66666667%;
    }

    .offset-m-4 {
        margin-left: 33.33333333%;
    }

    .offset-m-3 {
        margin-left: 25%;
    }

    .offset-m-2 {
        margin-left: 16.66666667%;
    }

    .offset-m-1 {
        margin-left: 8.33333333%;
    }

    .offset-m-0 {
        margin-left: 0;
    }
}

@media all and (-ms-high-contrast: none) and (min-width: 1200px) {
    .span-l-1,
    .span-l-2,
    .span-l-3,
    .span-l-4,
    .span-l-5,
    .span-l-6,
    .span-l-7,
    .span-l-8,
    .span-l-9,
    .span-l-10,
    .span-l-11,
    .span-l-12 {
        float: left;
    }

    .span-l-12 {
        width: 100%;
    }

    .span-l-11 {
        width: 91.66666667%;
    }

    .span-l-10 {
        width: 83.33333333%;
    }

    .span-l-9 {
        width: 75%;
    }

    .span-l-8 {
        width: 66.66666667%;
    }

    .span-l-7 {
        width: 58.33333333%;
    }

    .span-l-6 {
        width: 50%;
    }

    .span-l-5 {
        width: 41.66666667%;
    }

    .span-l-4 {
        width: 33.33333333%;
    }

    .span-l-3 {
        width: 25%;
    }

    .span-l-2 {
        width: 16.66666667%;
    }

    .span-l-1 {
        width: 8.33333333%;
    }

    .span-l-pull-12 {
        right: 100%;
    }

    .span-l-pull-11 {
        right: 91.66666667%;
    }

    .span-l-pull-10 {
        right: 83.33333333%;
    }

    .span-l-pull-9 {
        right: 75%;
    }

    .span-l-pull-8 {
        right: 66.66666667%;
    }

    .span-l-pull-7 {
        right: 58.33333333%;
    }

    .span-l-pull-6 {
        right: 50%;
    }

    .span-l-pull-5 {
        right: 41.66666667%;
    }

    .span-l-pull-4 {
        right: 33.33333333%;
    }

    .span-l-pull-3 {
        right: 25%;
    }

    .span-l-pull-2 {
        right: 16.66666667%;
    }

    .span-l-pull-1 {
        right: 8.33333333%;
    }

    .span-l-pull-0 {
        right: auto;
    }

    .span-l-push-12 {
        left: 100%;
    }

    .span-l-push-11 {
        left: 91.66666667%;
    }

    .span-l-push-10 {
        left: 83.33333333%;
    }

    .span-l-push-9 {
        left: 75%;
    }

    .span-l-push-8 {
        left: 66.66666667%;
    }

    .span-l-push-7 {
        left: 58.33333333%;
    }

    .span-l-push-6 {
        left: 50%;
    }

    .span-l-push-5 {
        left: 41.66666667%;
    }

    .span-l-push-4 {
        left: 33.33333333%;
    }

    .span-l-push-3 {
        left: 25%;
    }

    .span-l-push-2 {
        left: 16.66666667%;
    }

    .span-l-push-1 {
        left: 8.33333333%;
    }

    .span-l-push-0 {
        left: auto;
    }

    .offset-l-12 {
        margin-left: 100%;
    }

    .offset-l-11 {
        margin-left: 91.66666667%;
    }

    .offset-l-10 {
        margin-left: 83.33333333%;
    }

    .offset-l-9 {
        margin-left: 75%;
    }

    .offset-l-8 {
        margin-left: 66.66666667%;
    }

    .offset-l-7 {
        margin-left: 58.33333333%;
    }

    .offset-l-6 {
        margin-left: 50%;
    }

    .offset-l-5 {
        margin-left: 41.66666667%;
    }

    .offset-l-4 {
        margin-left: 33.33333333%;
    }

    .offset-l-3 {
        margin-left: 25%;
    }

    .offset-l-2 {
        margin-left: 16.66666667%;
    }

    .offset-l-1 {
        margin-left: 8.33333333%;
    }

    .offset-l-0 {
        margin-left: 0;
    }
}

.grid-col {
    min-height: 1px;
}



.special_email {
	opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;}
.live_region_to_read {
    clip: rect(1px, 1px, 1px, 1px); 
    height: 1px; 
    overflow: hidden; 
    position: absolute; 
    white-space: nowrap; 
    width: 1px;}
.btn-my-theme{

}
.lang_drop_down {
    width:110px;}
.dialog_button_width{
    width:100px;}
.my-theme-filter-name-width{
    width:60%;}
.my-theme-filter-icon-width{
    width:100px;}

.login-li-element{
    min-width:150px;
    border-left: 1px solid #464646;}
.label-data-privacy{
    margin-left:20px;
}

/* Neu hinzugefuegt von Simon */

/* Bild über der Navigationsleiste */
.navbar.nav-fixed::after {
	width: 100%;
	background: url(../images/ip_header.jpg) no-repeat center top;
	height: 300px;
	display: block;
	background-size: cover;
	margin-bottom: 1rem;
	margin-top: 0.5rem;
}

.navbar-header{
    padding-top: 0 !important;
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}


/*======================== theme-ip ========================*/
.bg-theme-ip{
    color: #FFF;
}
.modal-content.col-theme-ip:not([class*="col-white"]) .modal-body,
.modal-content.col-theme-ip:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-theme-ip:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-theme-ip:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-theme-ip:not([class*="col-white"]) .panel-body,
.bg-theme-ip.nav-tabs li a{
    color: #fff;
}
.bg-theme-ip,
.d-checkbox.filled-in.checked.col-theme-ip .field-label:after,
.radio-option.with-gap.col-theme-ip.checked label:after,
.radio-option.col-theme-ip.checked label:after,
.switch label input[type=checkbox]:checked + .lever.col-theme-ip:after,
.modal-content.col-theme-ip,
.panel-group .panel.col-theme-ip .panel-title,
.panel-group.full-body .panel.col-theme-ip .panel-body{
    background-color: #A9C938;
}

ul.stepper.stepper-col-theme-ip .step.active:before,
ul.stepper.stepper-col-theme-ip .step.done:before,
ul.stepper.horizontal.stepper-col-theme-ip .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-theme-ip .step.done .step-title:before{
    background-color: #A9C938;
}

.fc-col-theme-ip:not([class*="lever"]) {
    border-bottom: 1px solid #A9C938;
}
.col-theme-ip{
    color: #A9C938;
}
.vtabs.col-theme-ip li.active{
    color: #A9C938;
    border-right: 2px solid #A9C938;
}
.d-checkbox.checked.col-theme-ip .field-label:before {
    border-right: 2px solid #A9C938;
    border-bottom: 2px solid #A9C938;
}
.d-checkbox.filled-in.checked.col-theme-ip .field-label:after,
.radio-option.with-gap.col-theme-ip.checked label:before,
.radio-option.with-gap.col-theme-ip.checked label:after{
    border: 2px solid #A9C938;
}
.radio-option.col-theme-ip.checked label:after {
    border-color: #A9C938;
}
.nav-tabs.col-theme-ip > li > a:before{
    border-bottom: 2px solid #A9C938;
}
.panel-group.col-theme-ip {
    border: 1px solid #A9C938;
}

.vtabs.col-theme-ip .flex-item.active a{
    border-right: 2px solid #A9C938;
}

.slider.thumb-bg-theme-ip::-webkit-slider-thumb {
    background-color: #A9C938;
}

.slider.thumb-bg-theme-ip::-moz-range-thumb {
    background-color: #A9C938;
}

.slider.thumb-bg-theme-ip::-ms-thumb {
    background-color: #A9C938;
}

.slider.slider-bg-theme-ip::-webkit-slider-runnable-track {
    background-color: #A9C938;
}

.slider.slider-bg-theme-ip::-moz-range-track {
    background-color: #A9C938;
}

.slider.slider-bg-theme-ip::-ms-track {
    background-color: #A9C938;
}

.bg-l-1-theme-ip,
.d-checkbox.filled-in:checked.col-l-1-theme-ip .field-label:after,
.radio-option.with-gap.col-l-1-theme-ip.checked label:after,
.radio-option.col-l-1-theme-ip.checked label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-theme-ip:after,
.modal-content.col-l-1-theme-ip,
.panel-group .panel.col-l-1-theme-ip .panel-title,
.panel-group.full-body .panel.col-l-1-theme-ip .panel-body {
    background-color: #A9C938;
}
ul.stepper.stepper-col-l-1-theme-ip .step.active:before,
ul.stepper.stepper-col-l-1-theme-ip .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-theme-ip .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-theme-ip .step.done .step-title:before  {
    background-color: #A9C938;
}


.fc-col-l-1-theme-ip:not([class*="lever"]) {
    border-bottom: 1px solid #A9C938;
}
.col-l-1-theme-ip {
    color: #A9C938;
}
.vtabs.col-l-1-theme-ip li.active{
    color: #A9C938;
    border-right: 2px solid #A9C938;
}
.d-checkbox.checked.col-l-1-theme-ip .field-label:before {
    border-right: 2px solid #A9C938;
    border-bottom: 2px solid #A9C938;
}
.d-checkbox.filled-in:checked.col-l-1-theme-ip .field-label:after,
.radio-option.with-gap.col-l-1-theme-ip.checked label:before,
.radio-option.with-gap.col-l-1-theme-ip.checked label:after {
    border: 2px solid #A9C938;
}
.radio-option.col-l-1-theme-ip.checked label:after {
    border-color: #A9C938;
}
.nav-tabs.col-l-1-theme-ip > li > a:before{
    border-bottom: 2px solid #A9C938;
}
.panel-group.col-l-1-theme-ip {
    border: 1px solid #A9C938;
}

.slider.thumb-bg-l-1-theme-ip::-webkit-slider-thumb {
    background-color: #A9C938;
}

.slider.thumb-bg-l-1-theme-ip::-moz-range-thumb {
    background-color: #A9C938;
}

.slider.thumb-bg-l-1-theme-ip::-ms-thumb {
    background-color: #A9C938;
}

.slider.slider-bg-l-1-theme-ip::-webkit-slider-runnable-track {
    background-color: #A9C938;
}

.slider.slider-bg-l-1-theme-ip::-moz-range-track {
    background-color: #A9C938;
}

.slider.slider-bg-l-1-theme-ip::-ms-track {
    background-color: #A9C938;
}

.bg-l-2-theme-ip,
.d-checkbox.filled-in:checked.col-l-2-theme-ip .field-label:after,
.radio-option.with-gap.col-l-2-theme-ip.checked label:after,
.radio-option.col-l-2-theme-ip.checked label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-theme-ip:after,
.modal-content.col-l-2-theme-ip,
.panel-group .panel.col-l-2-theme-ip .panel-title,
.panel-group.full-body .panel.col-l-2-theme-ip .panel-body {
    background-color: #cde973;
}
ul.stepper.stepper-col-l-2-theme-ip .step.active:before,
ul.stepper.stepper-col-l-2-theme-ip .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-theme-ip .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-theme-ip .step.done .step-title:before   {
    background-color: #cde973;
}

.fc-col-l-2-theme-ip:not([class*="lever"]) {
    border-bottom: 1px solid #cde973;
}
.col-l-2-theme-ip {
    color: #cde973;
}
.vtabs.col-l-2-theme-ip li.active{
    color: #cde973;
    border-right: 2px solid #cde973;
}
.d-checkbox.checked.col-l-2-theme-ip .field-label:before {
    border-right: 2px solid #cde973;
    border-bottom: 2px solid #cde973;
}
.d-checkbox.filled-in:checked.col-l-2-theme-ip .field-label:after,
.radio-option.with-gap.col-l-2-theme-ip.checked label:before,
.radio-option.with-gap.col-l-2-theme-ip.checked label:after {
    border: 2px solid #cde973;
}
.radio-option.col-l-2-theme-ip.checked label:after {
    border-color: #cde973;
}
.nav-tabs.col-l-2-theme-ip > li > a:before{
    border-bottom: 2px solid #cde973;
}
.panel-group.col-l-2-theme-ip {
    border: 1px solid #cde973;
}

.slider.thumb-bg-l-2-theme-ip::-webkit-slider-thumb {
    background-color: #cde973;
}

.slider.thumb-bg-l-2-theme-ip::-moz-range-thumb {
    background-color: #cde973;
}

.slider.thumb-bg-l-2-theme-ip::-ms-thumb {
    background-color: #cde973;
}

.slider.slider-bg-l-2-theme-ip::-webkit-slider-runnable-track {
    background-color: #cde973;
}

.slider.slider-bg-l-2-theme-ip::-moz-range-track {
    background-color: #cde973;
}

.slider.slider-bg-l-2-theme-ip::-ms-track {
    background-color: #cde973;
}

.bg-l-3-theme-ip,
.d-checkbox.filled-in:checked.col-l-3-theme-ip .field-label:after,
.radio-option.with-gap.col-l-3-theme-ip.checked label:after,
.radio-option.with-gap.col-l-3-theme-ip.checked label:after,
.radio-option.col-l-3-theme-ip.checked label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-theme-ip:after,
.modal-content.col-l-3-theme-ip,
.panel-group .panel.col-l-3-theme-ip .panel-title,
.panel-group.full-body .panel.col-l-3-theme-ip .panel-body {
    background-color: #d8f283;
}

ul.stepper.stepper-col-l-3-theme-ip .step.active:before,
ul.stepper.stepper-col-l-3-theme-ip .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-theme-ip .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-theme-ip .step.done .step-title:before   {
    background-color: #d8f283;
}

.fc-col-l-3-theme-ip:not([class*="lever"]) {
    border-bottom: 1px solid #d8f283;
}

.col-l-3-theme-ip {
    color: #d8f283;
}
.vtabs.col-l-3-theme-ip li.active{
    color: #d8f283;
    border-right: 2px solid #d8f283;
}
.d-checkbox.checked.col-l-3-theme-ip .field-label:before {
    border-right: 2px solid #d8f283;
    border-bottom: 2px solid #d8f283;
}
.d-checkbox.filled-in:checked.col-l-3-theme-ip .field-label:after,
.radio-option.with-gap.col-l-3-theme-ip.checked label:before,
.radio-option.with-gap.col-l-3-theme-ip.checked label:after {
    border: 2px solid #d8f283;
}
.radio-option.col-l-3-theme-ip.checked label:after {
    border-color: #d8f283;
}
.nav-tabs.col-l-3-theme-ip > li > a:before{
    border-bottom: 2px solid #d8f283;
}
.panel-group.col-l-3-theme-ip {
    border: 1px solid #d8f283;
}

.slider.thumb-bg-l-3-theme-ip::-webkit-slider-thumb {
    background-color: #d8f283;
}

.slider.thumb-bg-l-3-theme-ip::-moz-range-thumb {
    background-color: #d8f283;
}

.slider.thumb-bg-l-3-theme-ip::-ms-thumb {
    background-color: #d8f283;
}

.slider.slider-bg-l-3-theme-ip::-webkit-slider-runnable-track {
    background-color: #d8f283;
}

.slider.slider-bg-l-3-theme-ip::-moz-range-track {
    background-color: #d8f283;
}

.slider.slider-bg-l-3-theme-ip::-ms-track {
    background-color: #d8f283;
}

.bg-l-4-theme-ip,
.d-checkbox.filled-in:checked.col-l-4-theme-ip .field-label:after,
.radio-option.with-gap.col-l-4-theme-ip.checked label:after,
.radio-option.col-l-4-theme-ip.checked label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-theme-ip:after,
.modal-content.col-l-4-theme-ip,
.panel-group .panel.col-l-4-theme-ip .panel-title,
.panel-group.full-body .panel.col-l-4-theme-ip .panel-body {
    background-color: #e5f1bf;
}

ul.stepper.stepper-col-l-4-theme-ip .step.active:before,
ul.stepper.stepper-col-l-4-theme-ip .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-theme-ip .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-theme-ip .step.done .step-title:before  {
    background-color: #e5f1bf;
}

.fc-col-l-4-theme-ip:not([class*="lever"]) {
    border-bottom: 1px solid #e5f1bf;
}
.col-l-4-theme-ip{
    color: #e5f1bf;
}
.vtabs.col-l-4-theme-ip li.active{
    color: #e5f1bf;
    border-right: 2px solid #e5f1bf;
}
.d-checkbox.checked.col-l-4-theme-ip .field-label:before {
    border-right: 2px solid #e5f1bf;
    border-bottom: 2px solid #e5f1bf;
}
.d-checkbox.filled-in.checked.col-l-4-theme-ip .field-label:after,
.radio-option.with-gap.col-l-4-theme-ip.checked label:before,
.radio-option.with-gap.col-l-4-theme-ip.checked label:after {
    border: 2px solid #e5f1bf;
}
.radio-option.col-l-4-theme-ip.checked label:after {
    border-color: #e5f1bf;
}
.nav-tabs.col-l-4-theme-ip > li > a:before{
    border-bottom: 2px solid #e5f1bf;
}
.panel-group.col-l-4-theme-ip {
    border: 1px solid #e5f1bf;
}

.slider.thumb-bg-l-4-theme-ip::-webkit-slider-thumb {
    background-color: #e5f1bf;
}

.slider.thumb-bg-l-4-theme-ip::-moz-range-thumb {
    background-color: #e5f1bf;
}

.slider.thumb-bg-l-4-theme-ip::-ms-thumb {
    background-color: #e5f1bf;
}

.slider.slider-bg-l-4-theme-ip::-webkit-slider-runnable-track {
    background-color: #e5f1bf;
}

.slider.slider-bg-l-4-theme-ip::-moz-range-track {
    background-color: #e5f1bf;
}

.slider.slider-bg-l-4-theme-ip::-ms-track {
    background-color: #e5f1bf;
}

.bg-l-5-theme-ip ,
.d-checkbox.filled-in.checked.col-l-5-theme-ip .field-label:after,
.radio-option.with-gap.col-l-5-theme-ip.checked label:after,
.radio-option.col-l-5-theme-ip.checked label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-theme-ip:after,
.modal-content.col-l-5-theme-ip,
.panel-group .panel.col-l-5-theme-ip .panel-title,
.panel-group.full-body .panel.col-l-5-theme-ip .panel-body {
    background-color: #eaefd9;
}

ul.stepper.stepper-col-l-5-theme-ip .step.active:before,
ul.stepper.stepper-col-l-5-theme-ip .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-theme-ip .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-theme-ip .step.done .step-title:before   {
    background-color: #eaefd9;
}

.fc-col-l-5-theme-ip:not([class*="lever"]) {
    border-bottom: 1px solid #eaefd9;
}
.col-l-5-theme-ip {
    color: #eaefd9;
}
.vtabs.col-l-5-theme-ip li.active{
    color: #eaefd9;
    border-right: 2px solid #eaefd9;
}
.d-checkbox.checked.col-l-5-theme-ip .field-label:before {
    border-right: 2px solid #eaefd9;
    border-bottom: 2px solid #eaefd9;
}
.d-checkbox.filled-in.checked.col-l-5-theme-ip .field-label:after,
.radio-option.with-gap.col-l-5-theme-ip.checked label:before,
.radio-option.with-gap.col-l-5-theme-ip.checked label:after {
    border: 2px solid #eaefd9;
}
.radio-option.col-l-5-theme-ip.checked label:after {
    border-color: #eaefd9;
}
.nav-tabs.col-l-5-theme-ip > li > a:before{
    border-bottom: 2px solid #eaefd9;
}
.panel-group.col-l-5-theme-ip {
    border: 1px solid #eaefd9;
}

.slider.thumb-bg-l-5-theme-ip::-webkit-slider-thumb {
    background-color: #eaefd9;
}

.slider.thumb-bg-l-5-theme-ip::-moz-range-thumb {
    background-color: #eaefd9;
}

.slider.thumb-bg-l-5-theme-ip::-ms-thumb {
    background-color: #eaefd9;
}

.slider.slider-bg-l-5-theme-ip::-webkit-slider-runnable-track {
    background-color: #eaefd9;
}

.slider.slider-bg-l-5-theme-ip::-moz-range-track {
    background-color: #eaefd9;
}

.slider.slider-bg-l-5-theme-ip::-ms-track {
    background-color: #eaefd9;
}

.bg-d-1-theme-ip,
.d-checkbox.filled-in.checked.col-d-1-theme-ip .field-label:after,
.radio-option.with-gap.col-d-1-theme-ip.checked label:after,
.radio-option.col-d-1-theme-ip.checked label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-theme-ip:after,
.modal-content.col-d-1-theme-ip,
.panel-group .panel.col-d-1-theme-ip .panel-title,
.panel-group.full-body .panel.col-d-1-theme-ip .panel-body {
    background-color: #afcc51;
}

ul.stepper.stepper-col-d-1-theme-ip .step.active:before,
ul.stepper.stepper-col-d-1-theme-ip .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-theme-ip .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-theme-ip .step.done .step-title:before   {
    background-color: #afcc51;
}

.fc-col-d-1-theme-ip:not([class*="lever"]) {
    border-bottom: 1px solid #afcc51;
}
.col-d-1-theme-ip {
    color: #afcc51;
}
.vtabs.col-d-1-theme-ip li.active{
    color: #afcc51;
    border-right: 2px solid #afcc51;
}
.d-checkbox.checked.col-d-1-theme-ip .field-label:before {
    border-right: 2px solid #afcc51;
    border-bottom: 2px solid #afcc51;
}
.d-checkbox.filled-in:checked.col-d-1-theme-ip .field-label:after,
.radio-option.with-gap.col-d-1-theme-ip.checked label:before,
.radio-option.with-gap.col-d-1-theme-ip.checked label:after {
    border: 2px solid #afcc51;
}
.radio-option.col-d-1-theme-ip.checked label:after {
    border-color: #afcc51;
}
.nav-tabs.col-d-1-theme-ip > li > a:before{
    border-bottom: 2px solid #afcc51;
}
.panel-group.col-d-1-theme-ip {
    border: 1px solid #afcc51;
}

.slider.thumb-bg-d-1-theme-ip::-webkit-slider-thumb {
    background-color: #afcc51;
}

.slider.thumb-bg-d-1-theme-ip::-moz-range-thumb {
    background-color: #afcc51;
}

.slider.thumb-bg-d-1-theme-ip::-ms-thumb {
    background-color: #afcc51;
}

.slider.slider-bg-d-1-theme-ip::-webkit-slider-runnable-track {
    background-color: #afcc51;
}

.slider.slider-bg-d-1-theme-ip::-moz-range-track {
    background-color: #afcc51;
}

.slider.slider-bg-d-1-theme-ip::-ms-track {
    background-color: #afcc51;
}

.bg-d-2-theme-ip,
.d-checkbox.filled-in:checked.col-d-2-theme-ip .field-label:after,
.radio-option.with-gap.col-d-2-theme-ip.checked label:after,
.radio-option.col-d-2-theme-ip.checked label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-theme-ip:after,
.modal-content.col-d-2-theme-ip,
.panel-group .panel.col-d-2-theme-ip .panel-title,
.panel-group.full-body .panel.col-d-2-theme-ip .panel-body {
    background-color: #a2be49;
}

ul.stepper.stepper-col-d-2-theme-ip .step.active:before,
ul.stepper.stepper-col-d-2-theme-ip .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-theme-ip .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-theme-ip .step.done .step-title:before  {
    background-color: #a2be49;
}

.fc-col-d-2-theme-ip:not([class*="lever"]) {
    border-bottom: 1px solid #a2be49;
}
.col-d-2-theme-ip {
    color: #a2be49;
}
.vtabs.col-d-2-theme-ip li.active{
    color: #a2be49;
    border-right: 2px solid #a2be49;
}
.d-checkbox.checked.col-d-2-theme-ip .field-label:before {
    border-right: 2px solid #a2be49;
    border-bottom: 2px solid #a2be49;
}
.d-checkbox.filled-in.checked.col-d-2-theme-ip .field-label:after,
.radio-option.with-gap.col-d-2-theme-ip.checked label:before,
.radio-option.with-gap.col-d-2-theme-ip.checked label:after {
    border: 2px solid #a2be49;
}
.radio-option.col-d-2-theme-ip.checked label:after {
    border-color: #a2be49;
}
.nav-tabs.col-d-2-theme-ip > li > a:before{
    border-bottom: 2px solid #a2be49;
}
.panel-group.col-d-2-theme-ip {
    border: 1px solid #a2be49;
}

.slider.thumb-bg-d-2-theme-ip::-webkit-slider-thumb {
    background-color: #a2be49;
}

.slider.thumb-bg-d-2-theme-ip::-moz-range-thumb {
    background-color: #a2be49;
}

.slider.thumb-bg-d-2-theme-ip::-ms-thumb {
    background-color: #a2be49;
}

.slider.slider-bg-d-2-theme-ip::-webkit-slider-runnable-track {
    background-color: #a2be49;
}

.slider.slider-bg-d-2-theme-ip::-moz-range-track {
    background-color: #a2be49;
}

.slider.slider-bg-d-2-theme-ip::-ms-track {
    background-color: #a2be49;
}

.bg-d-3-theme-ip,
.d-checkbox.filled-in.checked.col-d-3-theme-ip .field-label:after,
.radio-option.with-gap.col-d-3-theme-ip.checked label:after,
.radio-option.col-d-2-theme-ip.checked label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-theme-ip:after,
.modal-content.col-d-3-theme-ip,
.panel-group .panel.col-d-3-theme-ip .panel-title,
.panel-group.full-body .panel.col-d-3-theme-ip .panel-body {
    background-color: #91ab3e;
}

ul.stepper.stepper-col-d-3-theme-ip .step.active:before,
ul.stepper.stepper-col-d-3-theme-ip .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-theme-ip .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-theme-ip .step.done .step-title:before  {
    background-color: #91ab3e;
}

.fc-col-d-3-theme-ip:not([class*="lever"]) {
    border-bottom: 1px solid #91ab3e;
}
.col-d-3-theme-ip{
    color: #91ab3e;
}
.vtabs.col-d-3-theme-ip li.active{
    color: #91ab3e;
    border-right: 2px solid #91ab3e;
}
.d-checkbox.checked.col-d-3-theme-ip .field-label:before {
    border-right: 2px solid #91ab3e;
    border-bottom: 2px solid #91ab3e;
}
.d-checkbox.filled-in.checked.col-d-3-theme-ip .field-label:after,
.radio-option.with-gap.col-d-3-theme-ip.checked label:before,
.radio-option.with-gap.col-d-3-theme-ip.checked label:after {
    border: 2px solid #91ab3e;
}
.radio-option.col-d-3-theme-ip.checked label:after {
    border-color: #91ab3e;
}
.nav-tabs.col-d-3-theme-ip > li > a:before{
    border-bottom: 2px solid #91ab3e;
}
.panel-group.col-d-3-theme-ip {
    border: 1px solid #91ab3e;
}

.slider.thumb-bg-d-3-theme-ip::-webkit-slider-thumb {
    background-color: #91ab3e;
}

.slider.thumb-bg-d-3-theme-ip::-moz-range-thumb {
    background-color: #91ab3e;
}

.slider.thumb-bg-d-3-theme-ip::-ms-thumb {
    background-color: #91ab3e;
}

.slider.slider-bg-d-3-theme-ip::-webkit-slider-runnable-track {
    background-color: #91ab3e;
}

.slider.slider-bg-d-3-theme-ip::-moz-range-track {
    background-color: #91ab3e;
}

.slider.slider-bg-d-3-theme-ip::-ms-track {
    background-color: #91ab3e;
}

.bg-d-4-theme-ip,
.d-checkbox.filled-in.checked.col-d-4-theme-ip .field-label:after,
.radio-option.with-gap.col-d-4-theme-ip.checked label:after,
.radio-option.col-d-4-theme-ip.checked label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-theme-ip:after,
.modal-content.col-d-4-theme-ip,
.panel-group .panel.col-d-4-theme-ip .panel-title,
.panel-group.full-body .panel.col-d-4-theme-ip .panel-body {
    background-color: #809734;
}

ul.stepper.stepper-col-d-4-theme-ip .step.active:before,
ul.stepper.stepper-col-d-4-theme-ip .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-theme-ip .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-theme-ip .step.done .step-title:before  {
    background-color: #809734;
}

.fc-col-d-4-theme-ip:not([class*="lever"]) {
    border-bottom: 1px solid #809734;
}
.col-d-4-theme-ip{
    color: #809734;
}
.vtabs.col-d-4-theme-ip li.active{
    color: #809734;
    border-right: 2px solid #809734;
}
.d-checkbox.checked.col-d-4-theme-ip .field-label:before {
    border-right: 2px solid #809734;
    border-bottom: 2px solid #809734;
}
.d-checkbox.filled-in.checked.col-d-4-theme-ip .field-label:after,
.radio-option.with-gap.col-d-4-theme-ip.checked label:before,
.radio-option.with-gap.col-d-4-theme-ip.checked label:after {
    border: 2px solid #809734;
}
.radio-option.col-d-4-theme-ip.checked label:after {
    border-color: #809734;
}
.nav-tabs.col-d-4-theme-ip > li > a:before{
    border-bottom: 2px solid #809734;
}
.panel-group.col-d-4-theme-ip {
    border: 1px solid #809734;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-theme-ip"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(169, 201, 56, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-theme-ip"] {
    background-color: rgba(169, 201, 56, 0.5) ;
}

.slider.thumb-bg-d-4-theme-ip::-webkit-slider-thumb {
    background-color: #809734;
}

.slider.thumb-bg-d-4-theme-ip::-moz-range-thumb {
    background-color: #809734;
}

.slider.thumb-bg-d-4-theme-ip::-ms-thumb {
    background-color: #809734;
}

.slider.slider-bg-d-4-theme-ip::-webkit-slider-runnable-track {
    background-color: #809734;
}

.slider.slider-bg-d-4-theme-ip::-moz-range-track {
    background-color: #809734;
}

.slider.slider-bg-d-4-theme-ip::-ms-track {
    background-color: #809734;
}

.theme-theme-ip .bg-theme {
background-color: #fff !important;
color: #333;
}

.bg-theme-ip .content .text,
.bg-theme-ip .content .number {
color: #000 !important;
}

.theme-theme-ip .navbar {
background-color: #fff;
}

.theme-theme-ip .navbar-brand {
color: #000;
font-weight: 400;
}

.theme-theme-ip .navbar-brand:hover {
color: #000;
text-decoration: underline;
background-color: transparent;
}

.theme-theme-ip .navbar-brand:active {
color: #000;
}

.theme-theme-ip .navbar-brand:focus {
font-weight: 500;
color: #000;
text-decoration: underline;
outline: 0px !important;
}

.theme-theme-ip .nav:not([class*="nav-tab"]) > li > a {
color: #000;
}

.theme-theme-ip .nav > li > a:hover {
background-color: transparent;
}

.theme-theme-ip .nav > li > a:focus {
background-color: transparent;
}
    
.theme-theme-ip .nav:not([class*="nav-tab"]) > li > a:hover {
    color: #8daf1d;}

.theme-theme-ip .nav .open > a {
background-color: transparent;
}

.theme-theme-ip .nav .open > a:hover {
background-color: transparent;
}

.theme-theme-ip .nav .open > a:focus {
background-color: transparent;
}

.theme-theme-ip .bars {
color: #000;
}

.theme-theme-ip .menu .list li.active {
background-color: rgba(169, 201, 56, 1);
}

.theme-theme-ip .menu .list li.active > :first-child i, .theme-theme-ip .menu .list li.active > :first-child span {
color: #333;
}

.theme-theme-ip .menu .list .toggled {
background-color: transparent;
}

.theme-theme-ip .menu .list .ml-tree {
background-color: transparent;
}

.theme-theme-ip .sidebar .legal {
background-color: #fff;
}

.theme-theme-ip .sidebar .legal .copyright a {
color: #fff !important;
}

.theme-theme-ip .waves-effect.waves-theme .waves-ripple {
background: rgba(169, 201, 56, 0.5) ;
}