/**
 * This file contains component styles
 *
 * @author Christian Hamacher <c.hamacher@alldesign.de>
 */

/*###############################################################################*/
/*#### SERVICE CONTAINER - Home
/*###############################################################################*/

/* Scale up images on mobile breakpoint */
.services-container img {
    max-width:unset !important;
    width:100% !important;
}

/*###############################################################################*/
/*#### SERVICE DROPDOWN - Shortcode
/*###############################################################################*/

.ad-service-dropdown h2 {
    margin-top:0;
    margin-bottom:20px;
}

.ad-service-dropdown h2 .number {
    color:#006544;
}

.ad-service-dropdown .image {
    margin-bottom:20px;
}

.ad-service-dropdown select {
    width:100%;
    padding:0 8px;
    border-radius:0;
    color:#006544;
    border:8px solid #fff !important;
    border-left:0 !important;
}

/* Mac OS & iOS Select Style Workaround */
.ad-service-dropdown select {
    -webkit-appearance:none;
}

/* Mac OS & iOS Select Style Workaround */
.ad-service-dropdown .select-wrap {
    position:relative;
}

.ad-service-dropdown .select-wrap:after {
    content:'\0025BC';
    position:absolute;
    right:14px;
    top:4px;
    height:26px;
    padding:15px 0px 0px 8px;
    font:normal normal normal 12px/1 FontAwesome;
    color:#006544;
    pointer-events:none;
}

/*###############################################################################*/
/*#### WASTE CALENDAR - Shortcode
/*###############################################################################*/

.ad-waste-calendar {
    min-height:160px;
}

.ad-waste-calendar select {
    width:100%;
    padding:0 8px;
    border-radius:0;
    color:#fff;
    background:#006544;
    border:8px solid #006544 !important;
    border-left:0 !important;
}

/* Mac OS & iOS Select Style Workaround */
.ad-waste-calendar select {
    -webkit-appearance:none;
}

/* Mac OS & iOS Select Style Workaround */
.ad-waste-calendar .select-wrap {
    position:relative;
}

/* Mac OS & iOS Select Style Workaround */
.ad-waste-calendar .select-wrap:after {
    content:'\0025BC';
    position:absolute;
    right:14px;
    top:4px;
    height:26px;
    padding:15px 0px 0px 8px;
    font:normal normal normal 12px/1 FontAwesome;
    color:white;
    pointer-events:none;
}

.ad-waste-calendar .data {
    margin-top:1rem;
}

.ad-waste-calendar .location {
    opacity:0;
    height:0;
    visibility:hidden;
    transition:opacity 0.4s ease;
}

.ad-waste-calendar .location._show {
    opacity:1;
    height:auto;
    visibility:visible;
}

.ad-waste-calendar .location .content {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.ad-waste-calendar .location .content + .content {
    margin-top:0.5rem;
}

.ad-waste-calendar .location .icon {
    display:flex;
    width:42px;
    height:41px;
    align-items:center;
    justify-content:center;
}

.ad-waste-calendar .location a {
    margin-top:-4px;
    flex-basis:88%;
    line-height:1.2;
}

@media(min-width:1025px) {
    .ad-waste-calendar .location .icon {
        max-width:42px;
        width:3.018vw;
        height:2.946vw;
        max-height:41px;
    }

    .ad-waste-calendar .location a {
        font-size:14px;
    }
}

.ad-waste-calendar .location .icon.calendar {
    background:url('../img/calendar-ico.png') no-repeat;
    background-size:contain;
}

.ad-waste-calendar .location .icon.calendar .day {
    font-family:"Noto Sans", Arial, Helvetica, sans-serif;
    font-weight:700;
}

.ad-waste-calendar .location .icon.form {
    background:url('../img/form-ico.png') no-repeat;
}

/*###############################################################################*/
/*#### STANDORTE Unterseiten - Unsere Leistungen Box 
/*###############################################################################*/

@media(max-width:470px) {
    .parent-pageid-168 .content-box-wrapper h5 {
        padding-left:0 !important;
    }

    .parent-pageid-168 .content-box-wrapper ul {
        padding-left:18px !important;
    }
}

/*###############################################################################*/
/*#### BRANCHENLÖSUNGEN Unterseiten -Leistungsschwerpunkte Box 
/*###############################################################################*/

@media(max-width:430px) {
    .parent-pageid-579 .content-box-heading {
        font-size:4.7vw !important;
    }
}