/* .uk-section {
    opacity: 0;
}

#hero {
    display: none;
} */

.totop {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.2);
}

.m-br {
    display: none;
}

.d-br {
    display: block;
}

.aw-logo {
    margin: auto;
    position: absolute;
    top: 12vw;
    left: 0;
    bottom: 0;
    right: 0;
    width: 24vw;
}

.aw-headline {
    font-size: 1.1vw;
    letter-spacing: .1vw;
    margin: auto;
    position: absolute;
    left: 41vw;
    right: 0;
    top: 24vw;
    width: 17vw;
}

.aw-social {
    margin: auto;
    position: absolute;
    top: 22vw;
    left: -36.5vw;
    bottom: 0;
    right: 0;
    width: 7vw;
}

.down-btn {
    margin: auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 40vw;
}

ul {
    list-style: none;
    padding-left: 0;
}

li {
    padding: 10px 0;
}

.ueber li:not(:last-child) {
    border-bottom: 1px #d3d1d1 solid;
}

.aw-social .uk-grid-margin {
    margin-top: 0.5vw;
}

.aw-social .uk-icon-button {
    width: 4vw;
    height: 1.3vw;
}

.featureblock {
    background: #fff;
    color: #191919 !important;
    padding: 15px;
}

.uk-accordion-title::before {
    margin-top: 10px;
}

.home .tm-header,
.home .tm-header-mobile {
    display: none;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99;
    box-shadow: 0 10px 15px 0 rgb(0 0 0 / 10%);
}

.tm-header,
.uk-navbar-sticky {
    box-shadow: 0 10px 15px 0 rgb(0 0 0 / 10%);
    z-index: 99;
    position: relative;
}


/* CARDS */

.uk-card-default {
    box-shadow: 3px 3px 15px #e5e5e7;
}

.uk-card-default .el-title {
    color: #191919!important;
}

  .uk-card-default:before {
    content: "";
    background-color: #d40235;
    height: 55px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 10;
}  



.uk-card-default .el-meta {
    color: #fff;
    z-index: 20;
    position: relative;
}

.uk-card-default .el-image {
    z-index: 20;
    position: relative;
}

.uk-card-default .uk-icon {
    color: #191919;
}

.angebot .uk-card-default .uk-icon {
    color: #fff;
    float: left;
    margin-right: 15px;
}

 .angebot .uk-card-default:before,
.referenz .uk-card-default:before {
    content: "";
    background-color: #d40235;
    height: 100px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 10;
} 



.angebot .uk-card-default .el-title {
    color: #fff!important;
    z-index: 20;
    position: relative;
    margin-top: 5px!important;
}


/* LANG SWITCH */

.widget-polylang select {
    padding: 5px;
}


/* SUPPORT ACCORDION
_______________________________*/

@media (min-width: 1200px) {
    .ssp-grid .uk-grid .uk-first-column {
        width: 16%;
    }
    .ssp-grid .uk-grid>div:nth-child(2) {
        width: 24%;
    }
}

.zs-grid .uk-accordion .el-content,
.ssp-grid .uk-accordion .el-content {
    padding: 0 20px 20px 20px;
    font-size: 11px;
}

.zs-grid .uk-accordion .el-title,
.ssp-grid .uk-accordion .el-title {
    font-size: 16px;
    padding: 10px 20px 10px 20px;
}

.zs-grid .uk-accordion .el-item,
.ssp-grid .uk-accordion .el-item {
    border: 2px dashed #999;
    transition: 0.5s;
}

.zs-grid .uk-accordion-title:before,
.ssp-grid .uk-accordion-title:before {
    background-image: none;
    transform: rotate(-45deg);
    transform-origin: center;
    content: "✖";
    margin-top: 0;
    transition: .2s ease-out;
}

.zs-grid .uk-open>.uk-accordion-title:before,
.ssp-grid .uk-open>.uk-accordion-title:before {
    background-image: none;
    content: "✖";
    transform: rotate(0);
    transform-origin: center;
}


/* KONTAKTFORMULAR
_______________________________*/

text,
a {
    color: #2b2b2b;
}

input,
textarea {
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border: #ccc solid 1px
}

input[type=text],
input[type=email],
textarea {
    max-width: 80%;
    width: 500px;
}

div.wpcf7-response-output {
    border: 0 !important;
}

.grecaptcha-badge {
    visibility: hidden;
}

.wpcf7-list-item {
    margin: 0;
}

.container {
    display: flex;
}

.item {
    width: 50%;
    margin-bottom: 10px;
    line-height: 1.6;
}

.wpcf7-text,
.wpcf7-textarea {
    width: 100%;
}

.item .wpcf7-text,
textarea {
    width: 95%;
}

.wpcf7 input[type="tel"] {
    width: 80%;
}

.wpcf7-submit {
    font-size: 26px;
}


/* KOEKJE 
_______________________________*/

#koekjeReload svg {
    fill: #2d2e33 !important;
}

#koekjeWidget #koekjeLogo {
    width: 50% !important;
}

#koekjeConfirmAll {
    border: 0 !important;
}

#koekjeWidget small.koekjeVersion {
    opacity: .5 !important;
}

#koekjeWidget small.koekjeVersion:hover {
    opacity: 1 !important;
}

#koekjeWidget input:checked+.slider {
    box-shadow: unset !important;
}


/* IMAC
_______________________________*/

@media (min-width: 2000px) {
    .aw-social {
        top: 23vw;
        left: -37vw;
    }
}


/* LAPTOP
_______________________________*/

@media (max-width: 1500px) {
    .uk-button-small {
        padding: 0;
    }
    .aw-social {
        transform: scale(0.7);
        transform-origin: top;
    }
}


/* OLD IPAD
_______________________________*/

@media (min-width: 660px) and (max-width: 1024px) {
    .ssp-grid .uk-first-column {
        width: 17%;
    }
    .ssp-grid .uk-first-column+div {
        width: 23%;
    }
    .ssp-grid .uk-first-column h2 {
        font-size: 20px;
    }
    .zs-grid .uk-accordion .el-title,
    .ssp-grid .uk-accordion .el-title {
        font-size: 13px;
        padding: 7px;
    }
    .kontakt .uk-card-default .el-meta {
        padding-top: 20px;
    }
    .referenz .uk-card-default .el-image {
        margin-top: 20px!important;
    }
    .angebot .uk-card-default .uk-icon,
    .angebot .uk-card-default .el-title {
        margin-top: 20px!important;
    }
    .ueber .uk-card-default .el-meta {
        color: #191919;
    }
}


/* MOBILE
_______________________________*/

@media only screen and (max-width: 760px) {
    #koekjeReload {
        display: none;
    }
    h1,
    h1 span {
        font-size: 32px!important;
        margin: 0!important;
        top: 0!important;
        left: 0!important;
    }
    .uk-modal-close-full {
        color: #fff;
    }
    .m-br {
        display: block;
    }
    .d-br {
        display: none;
    }
    #koekjeWidget {
        font-size: 10px !important;
    }
    #koekjeWidget h1.koekjeHeadline {
        font-size: 12px !important;
        margin-top: 20px;
    }
    #koekjeWidget button {
        font-size: 12px !important;
    }
    #koekjeCategories>div,
    #koekjeWidget small.koekjeVersion,
    #koekjeWidget #koekjeDetailChoice {
        font-size: 9px !important;
    }
    .zs-grid .uk-accordion .el-item:hover a,
    .ssp-grid .uk-accordion .el-item:hover a,
    .zs-grid .uk-accordion-title:focus,
    .ssp-grid .uk-accordion-title:focus,
    .ssp-grid .uk-accordion-title:focus {
        color: #2d2e33 !important;
    }
    .angebot .uk-card-default .uk-icon {
        display: none;
    }
    .container {
        display: block;
    }
    .item {
        width: 100%;
        margin-bottom: 10px;
    }
    .kontakt .uk-card-default:before {
        height: 100px;
    }
    .kontakt .uk-card-default .el-meta {
        padding-top: 10px;
    }
    .angebot .uk-card-default:before {
        height: 110px;
    }
    .referenz .uk-card-default .el-image {
        margin-top: 20px!important;
        margin-bottom: 20px!important;
    }
    .ueber .uk-card-default .el-meta {
        color: #191919;
    }
}


/* IPHONE 5
_______________________________*/

@media only screen and (max-width: 760px) {
    .uk-h2,
    h2 {
        font-size: 20px;
    }
    .angebot .uk-card-default:before {
        height: 95px;
    }
    .uk-text-meta {
        font-size: 12px;
    }
}