/* ============================================================================= */
/* ========================== CUSTOMER ADLERSHORST ============================= */
/* ============================================================================= */
/* ========= LAST UPDATE: 28/04/19/ VERSION: v01  / AUTHOR: Max ================ */
/* ============================================================================= */

/* =============================================================================
= COLORS =======================================================================
================================================================================ */
 
/* Adlershorst green: #B5DB1F */

/* =============================================================================
= STARTSEITE =======================================================================
================================================================================ */
 
.video-startseite {
    max-width: 100% !important;
    border: 1px solid #666;
    margin-bottom: 10px;
}

/* =============================================================================
= CUSTOM ID / CLASSES / PAGES / PLUGINS ========================================
================================================================================ */

a.attachment.plugin.hideAttachment {
    display: none !important;
}
a.attachment.showAttachment {
    max-width: 100%;
}

/* ORGANIGRAMM ================================================================= */
 
#creately-container-jvc4q21k1,
#creately-container-jvdtjj7k {
    height: 750px;
}

.plugin-5c8a235762bfe22fba2bd2aa .scroller {
    padding: 0px !important;
}

/* DOWNLOADBEREICH ============================================================= */

#searchDownloadArea, #searchHandlungsanweisungen {
    padding: 15px;
}

a.attachment {
    max-width: 45%;
    margin-right: 10px;
}

.mobile a.attachment {
    max-width: 100%;
}

.mobile.wide a.attachment {
    max-width: 45%;
}


/* ===================== ACCORDION ==================================== */

.accordion {
    background-color: #B5DB1F;
    border-top: 1px solid #B5DB1F;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 14px;
    transition: 0.9s;
    margin-bottom: 0;
}

h3.accordion.accordion-search-header {
     padding: 10px 0px 10px 15px;
}

.accordion.active{
    background-color: #B5DB1F;
    color: #fff; 
}
 
.desktop .accordion:hover {
    background-color: #B5DB1F;
    color: #fff;
}
 
.accordion .active {
    background-color: #B5DB1F;
    color: #fff;
}
 
.compact .accordion:hover{
    background-color: none !important;
}
 
.panel {
    padding: 0px 10px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel-content{
   clear: both;
   display: block;
   overflow: auto; 
   margin: 20px 0;  
}
 
.panel p{
    margin: 1em 0;
}

/* COUNTDOWN ============================================================= */

.compact .page .page-content .content-widget-wrapper.counter-widget>h2.content-widget-title{
     margin-bottom: 15px !important;
}

.desktop .page .page-content .content-widget-wrapper.counter-widget>h2.content-widget-title{
    margin-bottom: 15px !important;
}
 
.desktop #clockdiv > div{
    width: 24.2%;
}

@media (max-width: 1200px) { 
    .desktop #clockdiv > div{
        width: 24%;
    }
}
 
#clockdiv{
    font-family: sans-serif;
    display: block;
    font-weight: 100;
    text-align: center;
    font-size: 30px;
    margin: -20px 0 25px 0;
}
 
#clockdiv > div{
    border-radius: 0px;
    border: 2px solid #B5DB1F;
    color: #fff;
    background-color: #B5DB1F;
    display: inline-block;
    margin-right: 5px;
    width: 22.5%;
    padding: 15px 0;
}
 
#clockdiv div > span{
    border-radius: 3px;
    display: inline-block;
    color: #fff;
}
 
.smalltext{
    padding-top: 5px;
    font-size: 16px;
    color: #fff;
}
 
#clockdiv > div.largebox{
    width: 100%;
}

#clockdiv > h2{
    color: #B5DB1F;
    width: 100%;
    font-size: 25px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    text-align: center;
}

/* =============================================================================
= MEDIA QUERIES ================================================================
================================================================================ */

/* MOBILE ====================================================================== */
 
.mobile .quick-links-widget.type-tiles.tile-layout-4 li{
    width: 100%;
}

.mobile .quick-links-widget.type-tiles.tile-layout-4 li:nth-child(4n+1){
    margin-left: 2%;
}

.mobile.wide .quick-links-widget.type-tiles.tile-layout-4 li{
    width: 33%;
}

/* =============================================================================
= HIDDEN ITEMS =================================================================
================================================================================ */
 
/* PLEASE COMMENT WHAT YOU HIDE ================================================ */
 
/* hide fachabteilungen ======================================================== */
a.item[data-menu-item-id="5c619d4708e99992b20936cf"]{
    display: none !important;
}
 
/* hide news  ================================================================== */
.loggedout a.item[data-menu-item-id="5c483facf3e58435e3fb7ac1"],
.loggedout a.item[data-page-id="menu-5c483facf3e58435e3fb7ac1"] {
    display: none !important;
}
/* =============================================================================
= //// END /// =================================================================
================================================================================ */

/* temp ======================================================== */
.mouse .button:focus, button:focus{
        background-color: #B5DB1F;
}