@font-face { 
font-family: "Figtree"; 
src: url("files/font/Figtree-VariableFont_wght.ttf"); 
}

*, body, td { font-family: 'Figtree', sans-serif !important; }
.glyphicon { font-family: 'Glyphicons Halflings' !important; }
.fa { font: normal normal normal 14px/1 FontAwesome !important; }


/* ### INDIVIDUELLE ANPASSUNGEN AUF NEUES DESIGN ### */

/* ### Navigation */
ul.nav-tabs > li > a {
    border: none;
    background-color: transparent!important;
    font-weight: 500;
    
}

.nav li.active {
text-decoration:none!important;  
}

.nav-tabs li.nav-item.active a, a.nav-link {
background-color: transparent!important; 
border:none!important;
}

.nav-tabs li.nav-item.active a, .nav-tabs li.nav-item.active a:hover {
background-color: transparent!important;  
text-decoration:none!important;
border:none!important;
color: #009ee2!important;
}


.nav-tabs .nav-item a:hover, a.nav-link:hover, .nav-tabs li a:hover {
border-bottom: none!important;
text-decoration: none;
color: #009ee2;
background-color: transparent!important;
}

ul.nav.nav-tabs {
border-bottom: 1px solid #eee!important;
padding-inline-start: 0px;
}

.hauptmenue ul {
    padding-top: 0;
}

#topmenu ul.nav li a {
    color: #005081!important;
    font-size: 1.5rem;
    font-weight: 500;
}

#topmenu ul.nav li a:hover, #topmenu ul li a:focus, #header #topmenu ul.nav li a.active {
    background-color: transparent!important;
    color: #009ee2!important;
}


a.nav-link {
color: #005081 !important;
font-size: 1.5rem;
font-weight: 500;
}

.nav li.active {
    text-decoration: underline;
}

.outer-resort.bg-blau.weiss {
    background-color: #009EE2 !important;
}

.vorg-submenue > li > a {
    background-color: #009EE2 !important;
}

.navbar-inverse .navbar-toggle {
background-color: #005081;
border-color: #005081;
}

.navbar-lime .navbar-nav > li.active > a, .navbar-lime .navbar-nav > li.active > a:hover, .navbar-lime .navbar-nav > li > a:hover, .navbar-lime .navbar-nav > .open > a, .navbar-lime .navbar-nav > .open > a:hover, .navbar-lime .navbar-nav > .open > a:focus {
    -webkit-text-stroke-width: 0;
}


/* Navigationsleiste mit Menü blau */
#modules.navbar-nav > li > a {
    border-bottom: 1px solid #eee;
}

div.vorg-submenue > li > a.menulevel1selected {
    color: #ffffff!important;
    background-color: transparent!important;
    font-weight: 500;
    text-decoration:underline;
}

li .menulevel1:hover, li .menulevel1:active {
    text-decoration:underline;
}

/* ### Überschriften ### */
.content .contentheader {
font-weight: 500;
color: #005081!important;
}

div.listsection[style*="background-color:#e0e0e0"], .listsection {
background-color: transparent!important;
color: #005081!important;
font-weight: 600;
font-size: 20px;
}

.dropdown-menu li {
    color: #005081!important;
}

li .menulevel1 a:hover, li .menulevel1 a:active {
   text-decoration: none!important; 
    color: #009EE2!important;
} 

li .menulevel1:hover, li .menulevel1:active {
    text-decoration: none!important; 
}


/* ### HINTERGRUND DER BEARBEITUNGSMASKE ### */
.bg-lightgrau {
    background-color: #fff;
}

.listitemgray {
    background-color: #EEEEEE;
}

/* ### SCHRIFTFARBEN ### */
body, font {
    color: #000 !important;
}

.contentheader {
    color: #000 !important;
}

/* ### LINKS ### */
a {
   color: #005081 !important;
}

thead font {
    color:#FFFFFF!important;
}


/* ### BUTTONS ### */
.buttonitem .btn, .inputsubmit, btn-sm, btn-secondary, btn-vereinonline, .tabdialog .optionsubnaviselected {
background-color:#005081;
border-radius: 1.5rem!important;
}

button[type="button"].close {
    border:none!important;
}

.inputsubmit {
line-height:0.1;
}

input[type="button"], input[type="submit"], input[type="password"], input[type="text"], input[type*="email"], input[type*="kontakt"],input[type="tel"], input[type="tel"], input[name*="name"], input[name="subject"], input[name="bildlink"], input[name="tags"], .inputlogin, .readonlyfield, #optionen input, .optionsubnavi, .optionsubnaviselected, button[type="button"] {
line-height:0.1;
padding:15px!important;
border-radius: 1.5rem!important;
border: 1px solid #005081!important;
}

input[type="file"], .input[type=file] {
    padding: 5px 0;
}

button.dropdown-toggle.buttonanddropdown {
    height: 30px;
    padding: 10px!important;
}
.inputlogin, .inputsubmit, .inputsubmit:hover {
    margin: 0 1rem 0 0;
    line-height:0!important;
}

.inputsubmit:hover {
padding:15px!important;
}


input[id*="datum"], input[name*="remindertagezuvor"] {
    width:105px!important;
}

.buttonitem .btn:hover, .buttonitem .btn:focus, .inputsubmit:hover, .optionsubnaviselected:hover, .optionsubnavi:hover {
background-color:#009EE2!important;
border-color:#009EE2!important;
color:#ffffff;
} 

.dialog .buttonline>.buttonitem {
    margin-top:10px;
}

.btn {
    -webkit-box-shadow:none!important;
}

.buttonitem .ms-options-wrap > button {
    padding-right:30px!important;
}

.ms-options-wrap > button:after {
    right:10px;
}



/* Login */
.outer-breadcrumbs {
background-color:#005081;
padding: 5px 0;
}
.outer-breadcrumbs .container {
margin:1rem auto;
}

.outer-breadcrumbs .container a, .outer-breadcrumbs .container {
    color: #ffffff!important;
}
.breadcrumbs {
    width: 100%;
    display:flex;
    justify-content:center;
}

.breadcrumbs .inputsubmit {
background-color: #ffffff!important;
color: #005081!important;
border-color: #ffffff!important;
}

.breadcrumbs .inputsubmit:active, .breadcrumbs .inputsubmit:visited, .breadcrumbs .inputsubmit:hover {
background-color: #009EE2!important;
color: #FFFFFF!important;
border-color: #009EE2!important;
}

.breadcrumbs input[type="password"], .breadcrumbs input[type="text"] {
   border-color: #ffffff!important;
}

/* Button auf Seite Kasse > Neue Rechnung > Positionen */
#item2 input.anmeldebutton {
    padding: 3px!important;
    color: 
}

/* Buttons Seite Optionen */
.optionsubnavi {
    background-color:transparent;
}


/*Dropdowns*/
.fieldgroup .fieldcontrol select:not([multiple]):not([size]), select:not([multiple]):not([size]) {
    padding: 5px 15px !important;
}

.fieldcontrol select:not([size]), input.form-control, select.form-control, input.datepicker, input.colorpicker, .formcontrol {
    height:auto!important;
}

/* Akkordeons */
a.plus, a.plus:hover, a.plus:active, a.plus:focus,  a.minus,  a.minus:hover, a.minus:active, a.minus:focus {
    font-size:1.5rem;
    font-weight:500;
    text-decoration:underline;
}

#mengebody, #dateienbody, #overviewbody  {
    margin-top:10px;
}

/* Ordnerbaum */
#datapaths span.droppable b, #datapaths span.droppable b:hover, #datapaths span.droppable b:active, #datapaths span.droppable b:focus {
    font-size:1.5rem;
    font-weight:500;
    color:#005081;
}

/* Tabellen */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: solid 1px rgba(0, 80, 129, 0.3);
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top:solid 1px rgba(0, 80, 129, 0.3);
}

.listheader, .listheader td {
    background-color:#009EE2!important;
    color: #FFFFFF;
    text-align:left;
}

/* ### Drag & Drop und Bildupload Felder ### */
.tabdialog div[style*="background-color: #F0F0F0; border:1px solid #C0C0C0;"], .rowattachments div[style*="background-color: #F0F0F0; border:1px solid #C0C0C0;"] {
    background-color: transparent!important;
    border:none!important;
}
input[type="button"], .rowattachments [type="button"] {
    background-color: transparent;
}

.tabdialog input[type="button"]:hover, .rowattachments [type="button"]:hover {
    background-color: #005081;
    color:#FFFFFF;
}

.dropzone {
    margin:6px 0;
    background-color:#eeeeee!important;
    border: 1px solid #005081;
    border-radius:1.5625rem;
}

/* Filterungen */
.filter {
    background-color: transparent;
    border: 1px solid rgba(0, 80, 129, 0.3);
    border-radius:1.5625rem;
}
/* für Unterseite Kalender*/
.calendarheader {
    background-color: #009EE2!important;
    color:#FFFFFF;
    font-weight:normal;
}

#form1 #vafilter .buttonitem .buttonlabel {
    padding: 0px 5px 2px 2px!important;
}

.buttonline > .buttonitem {
    margin-bottom: 15px;
}

.calendartoday {
    background-color: #009EE2;
}

.calendartoday, .calendartoday a {
    color: #FFFFFF!important;
}

.calendarweekday {
    background-color:#FFFFFF;
}

.calendarinvalidday, .calendarweekendday {
    background-color:#EEEEEE;
}

.info {
    color:#000000;
}

.info div[style="padding:5px;"] {
    padding: 10px!important;
}

.info div[style*="border:2px solid #ddd;"]{
    border: 1px solid rgba(0, 80, 129, 0.3)!important;
    border-radius:4px;
}

.info div[style*="border:2px solid orange;"]{
    border:1px solid #F98989!important;
    border-radius:4px;
}

.info div[style*="border:2px solid green;"]{
    border:1px solid #000000!important;
    border-radius:4px;
}



/* ### KALENDER Veranstaltungen ### */

table.calendarklein {
    border: 1px solid rgba(0, 80, 129, 0.3)!important;
    border-radius:4px; /* greift nicht, weil es eine Tabelle und wenn ich collapse auf separate stelle, sehen die umrandeten Felder nicht gut aus*/
}

.calendarklein td[bgcolor="#ddd"] {
    background-color: #009ee2;
    color:#FFFFFF;
}

.calendarklein td[style*="background-color:#ddd"] {
    background-color:#ebf4f8!important;
}

.calendarklein div[style*="border:2px solid #ddd;"] {
    border: none!important;
}

@supports selector(:has(+*)) {
.profile-main2 td:has(div[style*="border:2px solid orange;"]) {
    border:2px solid #F98989!important;
} 
    .profile-main2 td:has(div[style*="border:2px solid green;"]) {
    border:2px solid #000000!important;
} 
    
    .calendarklein div[style="border:2px solid orange;"], .calendarklein div[style="border:2px solid green;"]  {
    border:none!important; 
    
}
    }

@supports not (selector(:has(+*))) {
    .calendarklein div[style="border:2px solid orange;"] {
    border:2px solid #F98989!important;
    }
    .calendarklein div[style="border:2px solid green;"] {
    border:2px solid #000000!important;
    }
}



div[style*="background-color:#ddd;width:16px;height:16px;"] {
    background-color:#ebf4f8!important;
}

div[style*="border:2px solid orange;width:16px;height:16px;"] {
     border:2px solid #F98989!important;
}

div[style*="border:2px solid green;width:16px;height:16px;"] {
     border:2px solid #000000!important;
}

/* ### Datepicker ### */
.ui-datepicker {
    .ui-state-default,  
    .ui-widget-header,
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {

        border:none;
        background:transparent;
        text-align:center;
    
    }
    
    select.ui-datepicker-month, select.ui-datepicker-year {
        margin:3px;
        padding: 5px!important;
    }
  
    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;}
    
    .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
        background-image: url("/admin/include/jquery/ui/images/ui-icons_444444_256x240.png");
    }
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 9px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border:none;
    background:#009EE2;
    color:#FFFFFF!important;
}

div[id*="datepicker"] input {
 min-width:110px;
}

/* ### COLORPICKER ### */

.evo-cp-wrap {
    display:flex;
    align-items: center;
} /*hier evtl herausfinden, ob Klasse noch an anderen Orten auftaucht */

.evo-cp-wrap {
    width:auto!important;
}

.colorpicker {
 width:100px;
    margin-right:10px;
}

/* ### FORMULAR ### */
.fieldgroup div.form-control, .fieldgroup .fieldcontrol select, .fieldcontrol input.form-control, .fieldcontrol textarea, select.form-control, input.datepicker, input.colorpicker, #optionen input {
    border-radius: 1.5625rem!important;
    border: 1px solid #005081!important;
    box-shadow:none;
}

.fieldcontrol textarea.input {
    padding: 5px 15px!important;
}

.fieldgroup.rowfile .fieldcontrol, input[type=file], input[type=button], input[type=text] {
border: 1px solid #005081!important;
border-radius: 1.5625rem!important;
}

.fieldgroup.rowfile .fieldcontrol div {
background-color: transparent!important;
border: none!important;
}

.fieldgroup.rowfile .fieldcontrol>div {
padding:6px!important;
}

.fieldgroup input, .input {
background-color:transparent!important; 
}

.fieldcontrol .inputpicker input{
margin-left: 15px!important; 
padding: 0px!important;
height: unset!important;
line-height: unset;
}

.fieldcontrol .inputpicker input.ui-autocomplete-input {
padding: 15px 0!important;
height: unset!important;
line-height: unset;
margin-top:0px!important;
}

.fieldcontrol .inputpicker, .inputpicker {
  height: unset!important;
max-height: unset!important;
min-height:30px!important;
}

.inputpicker {
    border-radius: 1.5rem!important;
    border: 1px solid #005081!important;
}

.inputpicker input {
    margin-top: 3px!important;
    padding-left: 15px!important;
}


.inputpicker > div a {
   line-height: unset; 
}

.fieldlabel, .fieldlabel b, .fieldlabel strong {
color: #005081;
font-weight: 500;
font-size: 16px;
hyphens:auto;
min-width:140px; /*Testen wegen Veranstaltungen Seite > Details Pop up*/

}

.wpraster .fieldcontrol {
  font-size: 16px;  
}

.fieldcontrol select:not([multiple]):not([size]) {
padding:12px!important;
}

.fieldcontrol {
    color: #000000!important;
    font-size:13px;
}

input[type="file"]::file-selector-button {
border-radius: 0px;
padding: 0 16px;
cursor: pointer;
background-color: transparent;
border: none;
box-shadow: none;
margin-right: 16px;
font-family:'Figtree', sans-serif;
font-weight:600;
padding-top:3px;
}

select.input.form-control.selectwithsize {
    border-radius:0!important;
    margin-bottom:7px;
}

/* ### TABELLEN ### */
.listtable > thead > tr > td {
font-weight:600; 
font-size:14px!important;
}

tr td {
font-size:14px!important;
}

.listheader i.fa-caret-down, .listheader i.fa-caret-up, .listheader a {
    color:#FFFFFF!important;
}

/* ### KACHELN ### */

.webpartheader, .pictureheader, .webpartheader a, .pictureheader a {
font-size: 1.25rem;
color: #ffffff!important;
font-weight: 400;
background-color: #009EE2;
padding:15px;
border-radius: 3px;
}

.webpartcontent {
background-color: transparent;
}

.wpraster3 .adminbox, .webpartbox, .picturebox, .tabdialog {
box-shadow:none;
border: solid 1px rgba(0, 80, 129, 0.3);
border-radius: 4px;
background-color: transparent!important;
}

.datakachel {
    background-color:#ebf4f8!important;
    border:solid 1px rgba(0, 80, 129, 0.3);
    border-radius: 4px;
    box-shadow: none;
}


/* ### MELDUNGEN ### */
.errorbox {
border-radius: 2rem;
}

.mybadge {
    background-color:#F98989;
}

/* ### FOOTER ### */
.footer.bg-grau {
    background-color: #fff !important;
    box-shadow: 0 -4px 25px 0 rgba(0, 0, 0, 0.1019607843);
}

.footer.bg-grau h5 {
    color: #005081 !important;
    font-size: 2rem !important;
}

.footer.bg-grau a {
    color: #005081 !important;
    background-color: #fff !important;
    font-size: 1.6rem !important;
}

.sitemap ul li {
    border-bottom: 0 !important;
}