#header {background-color:#000; /*#3f3c3a;*/}
#header .site-name {font-weight:300;font-size:1.8em;color:#fff;}
#header #user-tools {color:#fff;text-transform: none !important;font-size:13px;}
div.breadcrumbs {background-color:#efefef;}
div.breadcrumbs ul {margin:0;padding:0;}
div.breadcrumbs ul li {list-style-type:none;padding:0;margin:0;display:inline;padding-right:2em;}
div.breadcrumbs a {color:#333;}
div.breadcrumbs a:hover {color:#000;text-decoration:underline;}
@media (max-width: 767px) {
    div.breadcrumbs ul li {display:block;text-align:center;border:1px solid #ccc;margin-bottom:5px;border-radius:5px;
        background-color:#ddd;padding:5px;}
    div.breadcrumbs a:hover {text-decoration:none;}
}
@media (max-width: 540px) {
    #header #user-tools {text-align:center;}
}
#footer {font-size:0.9em;text-align:center;}

ul.filter-nav {padding:0;}
ul.filter-nav li {margin:0;padding:0;list-style-type:none;display:inline;}
ul.filter-nav li a {color:#fff;background-color:#09b;display:inline-block;padding:2px 7px;margin:2px;}
ul.filter-nav li a.helper-missing {background-color:#600040;}
ul.filter-nav li a.guide-missing {background-color:#e04040;}


.promise-form input[type=submit],
.promise-form input[type=submit]:hover {
    background:none;
     color:inherit;
     border:none;
     padding:0!important;
     font: inherit;
     cursor: pointer;
     text-decoration:underline;
}
.promise-form input.count {width:35px;}

table.tour_list {width:100%;max-width:100%;margin-bottom:2em;border:0;}
table.tour_list thead th {border-top:0;}
table.tour_list td {color:#ececec;font-size:1em;word-wrap:break-word;}
table.tour_list td a {color:#fff;text-decoration:underline;}
table.tour_list tr {background-color:#09b;}
table.tour_list tr.guide-missing {background-color:#e04040;}
table.tour_list tr.helper-missing {background-color:#600040;}

table.tour_list tr td:nth-of-type(6) {width:200px;max-width:200px;}
/* table css courtsey of https://css-tricks.com/responsive-data-tables/ */
@media (max-width: 767px) {
    ul.filter-nav li a {border-radius:5px;}
    table, thead, tbody, th, td, tr {
    display: block;
    }

    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        margin-bottom:2em;
        border-radius:8px;
    }

    td {
        border: none;
        position: relative;
        padding:3px 0 3px 116px;
    }
    table.tour_list tr td:nth-of-type(6) {width:auto;max-width:100%;}
    td:before {
        position: absolute;
        /* Top/left values mimic padding */
        top: 3px;
        left: 10px;
        width: 100px;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-label);
    }

    /*
    td:nth-of-type(1):before { content: "Datum"; }
    td:nth-of-type(2):before { content: "Zeit"; }
    td:nth-of-type(3):before { content: "Ort"; }
    td:nth-of-type(4):before { content: "Referent"; }
    td:nth-of-type(5):before { content: "Begleiter"; }
    td:nth-of-type(6):before { content: "Bemerkung"; }
    td:nth-of-type(7):before { content: "Kontakt"; }
    td:nth-of-type(8):before { content: "Status"; }
    td:nth-of-type(9):before { content: "Preis"; }
    td:nth-of-type(10):before { content: "Aktion"; }
    */
}

span.icon-audience {
    display:inline-block;
    width:15px;
    height:20px;
    padding-left:5px;
    line-height:20px;
    color:#ececec;
    border:1px solid #333;
    border-radius:4px;
    background-color:white;
    letter-spacing:20px;
    overflow:hidden;
}

span.icon-audience-public {
    background-color:green;
}

span.icon-audience-member {
    background-color:blue;
    font-size:10px;
    line-height:22px;
    width:18px;
    padding-left:2px;
    letter-spacing:0px;
    word-spacing:10px;
}
span.icon-audience-member::before {
    content:"HU ";
}

span.icon-audience-group {
    background-color:magenta;
}


span.icon-bookings {
    display:inline-block;
    width:20px;
    height:20px;
    line-height:20px;
    color:#ececec;
    border:1px solid #333;
    border-radius:4px;
    background-color:white;
    overflow:hidden;
    text-indent:-9999px;
}

span.icon-bookings-auto {
    display:none;
}

span.icon-bookings-full {
    background-color:red;
}

span.icon-bookings-free {
    background-color:#0f0;
}

span.icon-bookings-novisitor {
    background-color:;
}


span.icon-public {
    display:inline-block;
    width:20px;
    height:20px;
    line-height:20px;
    border:1px solid #333;
    border-radius:4px;
    background-color:white;
    overflow:hidden;
    background-image:url("../admin/img/icon-viewlink.41eb31f7826e.svg");
    text-indent:-9999px;
    background-repeat:no-repeat;
    background-position:3px 3px;
}

span.icon-private {
    display:inline-block;
    width:20px;
    height:20px;
    line-height:20px;
    border:1px solid #333;
    border-radius:4px;
    background-color:white;
    overflow:hidden;
    background-image:url("../admin/img/icon-deletelink.564ef9dc3854.svg");
    text-indent:-9999px;
    background-repeat:no-repeat;
    background-position:3px 3px;
}

span.icon-request {
    display:inline-block;
    width:14px;
    height:20px;
    line-height:20px;
    padding-left:6px;
    border:1px solid #333;
    border-radius:4px;
    background-color:yellow;
    color:#333;
    overflow:hidden;
    letter-spacing:10px;
}

span.icon-request::before {
    content: "? ";
}

span.deadline {
    color:#ffa;
    font-weight:bold;
}

div.legend p {font-size:0.8em;}

div.promises {
    padding:8px;
    background-color:lightblue;
    margin-bottom:1em;
}

div.promises ul {
    padding-left:0;
}

div.promises ul li {
    list-style-type:none;
}


@media (max-width: 767px) {
    div.promises {
        border-radius:8px;
    }
}