/* yaml Erweiterungen */

@media all {
    .ym-g100 {
        width: 100%;
    }

    img {
        max-width: 100%;
        width: auto;
        height: auto;
        display: block;
    }

    .hf-center {
        text-align: center;
    }

    .hf-left {
        text-align: left;
    }

    .hf-right {
        text-align: right;
    }

    .hf-float-left {
        float: left;
    }

    .hf-float-right {
        float: right;
    }

    .desktop-only {
        display: block;
    }

    .mobile-only {
        display: none;
    }

    .js-toggle-class {
        cursor: pointer;
    }

    .hf-inline-block {
        display: inline-block;
    }

    .hf-relative {
        position: relative;
    }

    .hf-absolute {
        position: absolute;
    }

    .hf-absolute-bottom {
        position: absolute;
        bottom: 0;
    }

    .hf-float-clear {
        display: block;
        clear: both;
    }
}