/*Aktuell Badge (Farben in sites/)*/

#aktuell-badge {
    position: absolute;
    display: inline-block;
    top: 40px;
    right: 40px;
    border-radius: 50%;
    height: 80px;
    width: 180px;
    padding: 70px 0 30px 0;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4em;
    line-height: 1.4;
    transform: rotate(-4deg);
    z-index: 99;
}


/*Used Breakpoints*/


/*
@media screen and (max-width: 1023px)
@media screen and (max-width: 767px)
@media screen and (max-width: 479px)
*/

@media screen and (max-width: 479px) {
    #metaNavUL li {
        width: 10em;
        margin-right: 0.5em;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    #metaNavUL li {
        width: 10em;
        margin-right: 3em;
    }
}


/*And on all mobile pages, show contact footer*/

.footer-mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .footer-mobile {
        display: block;
        padding: 10px;
    }
    #aktuell-badge {
        top: 5%;
        right: 20%;
        height: 60px;
        width: 135px;
        padding: 52px 0 22px 0;
        font-size: 1em;
    }
}


/*Hide Background image on mobile*/

@media screen and (max-width: 767px) {
    #bgImg {
        display: none;
    }
}


/*min-height on desktop*/

@media screen and (min-width: 768px) {
    #content {
        min-height: 523px;
    }
}


/*links don't always get cursor pointer, enforce it*/

a:hover,
#logo,
#hamburger {
    cursor: pointer !important;
}


/*try underline for content links*/

#content a {
    text-decoration-skip-ink: true;
    text-decoration: underline;
}

#content .grid-tiles a {
    text-decoration: none;
}


/*increase line height in footer*/

.footer-primary * {
    line-height: 1.4 !important;
}


/*Kontakte und allgemein Bilder im Text - rechts floaten und stacken*/

.csc-textpic-image img {
    width: 100%;
    height: auto !important;
}

@media screen and (max-width: 479px) {
    .csc-textpic-imagewrap,
    .csc-textpic-image {
        width: 100%;
    }
    .csc-textpic-text {
        width: 100%;
        margin-right: 0;
    }
    /*Ausser wir wollen es bewusst nicht (Layout Feld)*/
    .mobile-image-small .csc-textpic-imagewrap {
        width: 30%;
    }
}

@media screen and (min-width: 480px) {
    .csc-textpic-imagewrap {
        float: right;
        width: 30%;
    }
    .csc-textpic-text {
        width: 70%;
    }
}

.footer-mobile {
    line-height: 1.4;
    font-size: 1.1em;
}

/* Kontaktseiten, Personenbilder */

.contactPage .ce-textpic img {
    width: 50%;
}


/*Inhaltselemente sind zu nahe aufeinander*/

.frame-type-textpic,
.ce-textpic .frame-type-text {
    margin-bottom: 2em;
    width: 100%;
}

.ce-textpic img,
.frame-type-textpic img {
    width: 100%;
}

.kitaHome .csc-default {
    margin: 0;
}

.kitaHome #mainNavUL {
    background: #fff;
}

.kitaHome #tray2 {
    width: 915px;
    margin: 2px 0 0 0;
    padding-bottom: 0;
}

.kitaHome #breadcrumb {
    display: none;
}