﻿:root {
    --primary-color: var(--aic-fdb-primary-color);
    --secondary-color: var(--aic-fdb-secondary-color);
    --active-color: var(--aic-fdb-active-color);
    --neutral-color: var(--aic-fdb-neutral-color);
    --extra-color: var(--aic-fdb-extra-color);
    --neutral-background: var(--aic-fdb-neutral-background);
    --primary-background: var(--aic-fdb-primary-background);
    --primary-font-color: var(--aic-fdb-primary-font-color);
    --secondary-font-color: var(--aic-fdb-secondary-font-color);
    --active-font-color: var(--aic-fdb-active-font-color);
    /* AICHACH-FRIEDBERG */
    --aic-fdb-primary-color: #005141;
    --aic-fdb-secondary-color: #2F8E7E;
    --aic-fdb-active-color: #005141;
    --aic-fdb-neutral-color: #696969;
    --aic-fdb-extra-color: rgb(47 142 126 / 40%);
    --aic-fdb-neutral-background: #edeaea;
    --aic-fdb-primary-background: white;
    --aic-fdb-primary-font-color: #292d33;
    --aic-fdb-secondary-font-color: white;
    --aic-fdb-active-font-color: white;
    /* DARK */
    --dark-primary-color: #005141;
    --dark-secondary-color: #2F8E7E;
    --dark-active-color: #005141;
    --dark-neutral-color: #b7b7b7;
    --dark-extra-color: #7c7c7c;
    --dark-neutral-background: #333;
    --dark-primary-background: #060606;
    --dark-primary-font-color: white;
    --dark-secondary-font-color: black;
    --dark-active-font-color: white;
    /* CONTRAST */
    --contrast-primary-color: white;
    --contrast-secondary-color: white;
    --contrast-active-color: white;
    --contrast-neutral-color: white;
    --contrast-extra-color: white;
    --contrast-neutral-background: black;
    --contrast-primary-background: black;
    --contrast-primary-font-color: white;
    --contrast-secondary-font-color: black;
    --contrast-active-font-color: black;
    /* CALENDAR */
    --saturday-color: #005040;
    --saturday-background: rgb(47 142 126 / 15%);
    --sunday-color: #005040;
    --sunday-background: rgb(47 142 126 / 25%);
    --holiday-color: #7d3a49;
    --holiday-background: rgb(210 77 81 / 20%);
}

/* General Styling */

.v3 .button,
.slider-item-text,
.slider-item-text a.readon,
.calendar .month-container,
.legend .image, .legend {
    border-radius: 0;
}

.v3 img.logo {
    padding: 10px;
    background: var(--neutral-background);
    border: 1px solid var(--primary-color);
}

.v3.dark .content.calendar .c-border2 {
    border-color: var(--extra-color);
}

body.v3.dark {
    background-color: transparent;
}

.v3 .footer {
    margin: 0;
}

.v3 #CalendarLabel, .v3 #Content_YearLabel {
    color: var(--secondary-color);
}

.v3.contrast #Content_Year1FilterFull .button {
    background-color: var(--neutral-color);
    color: var(--secondary-font-color);
}

.v3.contrast .menu .button {
    color: var(--primary-font-color);
}

.v3.contrast .menu .button.selected {
    color: var(--secondary-font-color);
}

.v3 #Content_Legend {
    box-shadow: none;
    border-top: 1px solid var(--neutral-color);
}

.v3 .input, .v3.dark .input {
    box-shadow: none;
    border: 1px solid var(--neutral-background);
}

    .v3 .input::placeholder {
        color: var(--neutral-color);
    }

.v3 #DetailPopup .innerhtml, .dark #DetailPopup .innerhtml {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px, rgba(0, 0, 0, 0.1) 0px 8px 24px, rgba(0, 0, 0, 0.1) 0px 16px 56px;
}

.empty-msg-row {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.dark .empty-msg-row {
    box-shadow: none;
    border: 1px solid var(--neutral-background);
}

.contrast .empty-msg-row {
    box-shadow: none;
    border: 1px solid var(--neutral-color);
}

.v3.contrast #DetailPopup .fractionContainer:hover {
    color: var(--primary-font-color);
}

.v3 #DetailPopup a.olButton {
    background-color: var(--primary-color);
    color: var(--secondary-font-color);
}

.v3.dark #DetailPopup a.olButton {
    color: var(--primary-font-color);
}

.v3.contrast #DetailPopup a.olButton {
    background-color: var(--primary-background);
    color: var(--primary-font-color);
}

.v3 #DetailPopup a.olButton:hover {
    text-decoration: none;
}

.v3.contrast .fractionContainer .fractName {
    color: var(--primary-font-color);
}

.v3.contrast #DetailPopup .fractionContainer .img {
    background-color: var(--neutral-color);
}

.v3 .no-items {
    color: var(--neutral-color);
}

.v3.contrast #DetailPopup .fractionContainer {
    border-left: none;
    border-right: none;
    border-top: none;
    border-width: 1px;
}

.v3.contrast .c-back2,
.v3.contrast .c-back1, .v3.contrast .c-back1:hover {
    color: var(--primary-font-color);
}

.v3.contrast .c-back2.selected {
    color: var(--active-font-color);
}

.v3.contrast .search .fa-times-circle::before {
    color: var(--primary-font-color);
}

/* Calendar */
.v3.dark .calendar {
    --saturday-color: #47d3bc;
    --saturday-background: rgb(47 142 126 / 15%);
    --sunday-color: #47d3bc;
    --sunday-background: rgb(47 142 126 / 25%);
    --holiday-color: #ff4770;
    --holiday-background: rgb(210 77 81 / 15%);
}

.v3.contrast .calendar {
    --saturday-color: black;
    --saturday-background: white;
    --sunday-color: black;
    --sunday-background: white;
    --holiday-color: white;
    --holiday-background: black;
}

.contrast .c-backsaturday, .dark .c-backsaturday {
    background-color: var(--saturday-background);
}

.contrast .c-colsaturday, .dark .c-colsaturday {
    color: var(--saturday-color);
}

.contrast .c-backsunday, .dark .c-backsunday {
    background-color: var(--sunday-background);
}

.contrast .c-colsunday, .dark .c-colsunday {
    color: var(--sunday-color);
}

.contrast .c-backholyday, .dark .c-backholyday {
    background-color: var(--holiday-background);
}

.contrast .c-colholyday, .dark .c-colholyday {
    color: var(--holiday-color);
}

.v3 .calendar .day {
    display: flex;
    align-items: center;
}

.v3.dark .calendar .month-container {
    background-color: transparent;
}

.v3.contrast .calendar .month-container .head {
    background-color: var(--neutral-color);
    color: var(--secondary-font-color);
    border: none;
}

.v3.contrast .content.calendar .c-border2 {
    border-color: inherit;
}

.v3 .content.calendar .c-border2 {
    border-color: var(--secondary-color);
}

.v3.contrast.calendar2 .c-back2.today {
    border-top: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    background-size: 5px 5px;
    background-image: repeating-linear-gradient(45deg, var(--primary-color) 0, var(--primary-color) 0.5px, var(--primary-background) 0, var(--primary-background) 50%);
    /*background-image: radial-gradient(black 0.25px, white 0.25px);*/
}

    .v3.contrast.calendar2 .c-back2.today .name, .contrast.calendar2 .c-back2.today .nummer {
        background-color: var(--primary-background);
        color: var(--primary-color);
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .v3.contrast.calendar2 .c-back2.today .name {
        padding-left: 5px;
        margin-left: 0;
    }

    .v3.contrast.calendar2 .c-back2.today .calfraction {
        background-size: 20px;
        background-position: center;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: var(--primary-background);
    }

/*  RECYCLINGHÖFE & EVENTS */

.v3.dark.events .filter #Content_Selectors_FilterDate input {
    color-scheme: dark;
}

.v3.recycling .item-inner, .dark.recycling .item-inner,
.v3.events .item-inner, .dark.events .item-inner {
    box-shadow: none;
    border: none;
    background: var(--primary-background);
}

    .v3.recycling .item-inner:before {
        background-image: none;
        font-family: "Font Awesome 6 Pro";
        content: "\f0d7";
    }

.v3.dark.recycling .item-inner:before {
    color: var(--primary-font-color);
}

    .v3.recycling .item-inner .smaller, .events .item-inner .smaller {
        color: var(--neutral-color);
    }

.v3.recycling .item-inner span.category {
    color: var(--primary-color) !important;
}

.v3.dark.recycling .item-inner span.category {
    color: var(--secondary-color) !important;
}

.v3.recycling .mapLink > i.fa, .events .GoogleMapLink a > i.fa,
.v3.events .mapLink > i.fa, .events .GoogleMapLink a > i.fa {
    color: var(--primary-font-color);
}

.v3.recycling #DetailPopup a.mapLink,
.v3.events #DetailPopup .GoogleMapLink a {
    color: var(--secondary-font-color);
    background: var(--primary-color);
}

.v3.dark.recycling #DetailPopup a.mapLink,
.v3.dark.events #DetailPopup .GoogleMapLink a {
    color: var(--primary-font-color);
}

.v3.recycling #DetailPopup .fractionContainer .img {
    background-size: 50%;
}

.v3.recycling #DetailPopup a.olButton:hover {
    text-decoration: none;
}

.v3.contrast.recycling .item-inner,
.v3.contrast.events .item-inner {
    border: 1px solid var(--primary-font-color);
}

.v3.contrast .openingtimes.closed {
    color: var(--primary-font-color);
}

.v3.events #DetailPopup div.GoogleMapLink {
    margin-bottom: 0px;
}

.v3.events .PM .text .fraction {
    color: #d24d51 !important;
}

.v3.events .item .PM .icon-trigger-item {
    background: #d24d51 !important;
}

.contrast.v3.events .PM .text .fraction {
    color: var(--primary-font-color) !important;
}

.contrast.v3.events .item .PM .icon-trigger-item {
    background: var(--primary-font-color) !important;
}

/* ABC */
.v3.abc .item .item-inner {
    border: none;
    background-color: var(--neutral-background);
}

.v3.abc .item .icon-trigger-item {
    border: none;
}

.v3.abc .item .item-inner:hover {
    color: var(--primary-color);
}

.v3.dark.abc .item .item-inner:hover {
    color: var(--secondary-color);
}

.v3.abc .detail, .v3.abc div.detail .category {
    border: none;
}

.v3.abc .detail .title-word-break {
    margin-top: 0px;
}

.v3.abc .item .item-inner.selected {
    background-color: var(--secondary-color);
    color: var(--secondary-font-color);
    transition: all ease-in-out 0.5s;
}

.v3.dark.abc .item .item-inner.selected {
    background-color: var(--secondary-color);
    color: var(--primary-font-color);
    transition: all ease-in-out 0.5s;
}

.v3.abc .item .item-inner .smaller {
    color: var(--neutral-color);
}

.v3.abc .item .item-inner.selected .smaller {
    color: var(--secondary-font-color);
    transition: all ease-in-out 0.5s;
}

.v3.dark.abc .item .item-inner.selected .smaller {
    color: var(--primary-font-color);
    transition: all ease-in-out 0.5s;
}

.v3.dark.abc .item .item-inner::before {
    color: var(--primary-font-color);
}

.v3.abc .item a {
    color: var(--primary-color);
}

.v3.dark.abc .item a {
    color: var(--secondary-color);
}

.v3.contrast.abc .detail,
.v3.contrast.abc .item .item-inner {
    border: 1px solid var(--neutral-color);
}

/* Ansprechpartner */

.v3.contact .item:not(.abteilung) {
    background-color: var(--neutral-background);
    border: none;
}

.v3.contrast.contact .item:not(.abteilung) {
    border: 1px solid var(--primary-font-color);
}

.contrast.contact .item .head {
    color: var(--secondary-font-color);
}

/* App Presenter */

.v3 #QRCodeContainer a {
    color: var(--primary-color);
}

.v3.dark #QRCodeContainer a {
    color: var(--secondary-color);
}

/* Markt */

#AwidoMarktContainer .filter select,
#widget_AwidoMarktEditor .form-control .input,
#AwidoMarktContainer .form-control .input,
.dark#AwidoMarktContainer .filter select {
    box-shadow: none;
    border-color: var(--neutral-background);
}

#AwidoMarktContainer .filter input[type='text'],
.dark#AwidoMarktContainer .filter input[type='text'] {
    border: 1px solid var(--neutral-background);
}

#AwidoMarktContainer .filter input[type='text']::placeholder {
    color: var(--neutral-color);
}

#AwidoMarktContainer .filter .aktInserat_Text {
    border: 1px solid var(--neutral-background);
    padding: 13px;
}

.contrast#AwidoMarktContainer .filter .aktInserat_Text {
    border: 1px solid var(--neutral-color);
}

.color1:hover {
    background-color: var(--secondary-color);
}

.dark.v3 .card, .dark.v3 .mic__info, .dark.v3 .product, .dark.v3 .popupContent {
    background-color: var(--neutral-background);
}

#AwidoMarktContainer .pager > span {
    background-color: var(--neutral-background);
    border-color: var(--neutral-background);
}

#AwidoMarktContainer .pager > input[type='submit'], #AwidoMarktContainer .pager > span,
#AwidoMarktContainer .filter .itemRow.topBorder {
    border-color: var(--neutral-background);
}

.contrast#AwidoMarktContainer .pager > span,
.contrast#AwidoMarktContainer .pager > input[type='submit'],
.contrast#AwidoMarktContainer .pager > span,
.contrast#AwidoMarktContainer .filter .itemRow.topBorder {
    border-color: var(--neutral-color);
}

/* -------------------------------------------------------------------------- */
/* calendar2 widget Styling                                                   */
/* -------------------------------------------------------------------------- */
.content.calendar .c-border2 {
    border-color: #C1D8C1;
}
.awido.calendar2 .c-back3{
    background-color: #f1efe7;
}

/* -------------------------------------------------------------------------- */
/* contact widget Styling                                                     */
/* -------------------------------------------------------------------------- */
.contact .item .head {
    background-color: #2f8e7e;
}


/* -------------------------------------------------------------------------- */
/* recycling 2 widget Styling                                                  */
/* -------------------------------------------------------------------------- */
.awido.v2.recycling .item-inner.c-back3 {
    background-color: #f1efe7;
}

.awido.v2.recycling .item-inner.c-back3:hover{
    background-color: #fbf9f3; 
}

/* -------------------------------------------------------------------------- */
/* special 2 widget Styling                                                  */
/* -------------------------------------------------------------------------- */
.awido.v2.special .item-inner.c-back3{
    background-color: #f1efe7;
}

.awido.v2.special .item-inner.c-back3:hover{
    background-color: #f5eded; 
}

.special .today .left.smaller{
    color: #bbdcca;
}

/* -------------------------------------------------------------------------- */
/* abc 2 widget Styling                                                  */
/* -------------------------------------------------------------------------- */
.awido.v2.abc .item-inner.c-back3{
    background-color: #f1efe7;
}

.awido.v2.abc .item-inner.c-back3:hover{
    background-color: #fbf9f3; 
}

#PortalEditorContentPlaceHolder_TbOutline{
    height: 36px !important;
}
/* -------------------------------------------------------------------------- */
/* Markt widget Styling                                                  */
/* -------------------------------------------------------------------------- */
#AwidoMarktContainer .filter .button {
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
#AwidoMarktContainer .color1{
    border-color:#fff;
}

/* -------------------------------------------------------------------------- */
/* export pdf or ics  widgets                                                 */
/* -------------------------------------------------------------------------- */
.export {
}

/* -------------------------------------------------------------------------- */
/* export pdf  widget only                                                    */
/* -------------------------------------------------------------------------- */
.export.pdf {
}

/* -------------------------------------------------------------------------- */
/* export ics  widget only                                                    */
/* -------------------------------------------------------------------------- */
.export.ics {
}

/* -------------------------------------------------------------------------- */
/* einrichtungen widget                                                       */
/* -------------------------------------------------------------------------- */
.einrichtungen {
}

/* -------------------------------------------------------------------------- */
/* problemmuell widget                                                        */
/* -------------------------------------------------------------------------- */
.problemmuell {
}



/* -------------------------------------------------------------------------- */
/* abfuhrkalender widget                                                      */
/* -------------------------------------------------------------------------- */
.kalender {
}

.kalenderHeader {
    color: #fff !important;
    background-image: none !important;
}

.calendarContent .header {
    background-image: url('PDFHeader.jpg');
}

/* -------------------------------------------------------------------------- */
/* pdfKalender                                                                */
/* -------------------------------------------------------------------------- */

.pdfKalender{
    font-size:10px;
}

    .pdfKalender .ohneSymbol.calfraction.rec {
        margin-right: 1px;
        font-size: 14px;
        font-weight: bold;
        padding: 0 2px;
    }

    .pdfKalender .calRow .calfraction {
       height: 17px;
       width:17px;
    }

    .pdfKalender .ohneSymbol.fraction {
        font-weight: bold;
    }

    .pdfKalender .calendarContent.c-border2,
    .pdfKalender .calendarContent .c-border2,
    .pdfKalender .schadstoffe.c-border2,
    .pdfKalender .hinweis.c-border2 {
        border-color: #cccccc;
    }
.pdfKalender .calTitle{
    font-weight:bold;
}
.layout5 .calRow{
    height:16px;
    line-height:16px;
}

.pdfKalender .schadstoffe .head{
    display:none;
}
.pdfKalender .schadstoffe, .pdfKalender .fractions{
    height:40px;
}
.pdfKalender .schadstoffe .schadstoff{
    height:auto;
}

.footer{
    margin-top:10px;
    font-size:11px;
}
