@import '../../../skins/mobile/terms/styles.css';

/**
 * @version 2026-06-11
 *
 * Skin "mobile"
 *
 * termsC
 *
 * HDG_3
 */

/* 2026-06-03: <h2>zuverlässig <span>|</span> erfahren <span>|</span> kompetent <span>|</span> flexibel</h2> */
h2 > span {
    color: var(--hdg-color-red);
}

 /**** TermsC_PagesController.serviceAction() ****/
main > .ym-wrapper.wide > .prepend {
    text-align: center;
    /*border: 1px solid red;*/
}

main > .ym-wrapper.wide > .prepend img {
    max-width: 100%;
}

main > .ym-wrapper.wide.main-prepend {
    position: relative;
}

main > .ym-wrapper.wide.main-prepend > .ym-wbox {
    position: absolute;
    top: 10px;
    left: calc((100% - var(--wrapper-max-width)) / 2);
}

main > .ym-wrapper.wide.main-append {
    margin-top: 40px;
}

@media screen and (max-width: 1160px) {
    main > .ym-wrapper.wide.main-prepend > .ym-wbox {
        left: 1em;
    }
}

@media screen and (max-width: 700px) {
    main > .ym-wrapper.wide.main-prepend > .ym-wbox {
        display: none;
    }
}

main > .ym-wrapper.wide.main-prepend > .ym-wbox > .content {

}

main > .ym-wrapper.wide.main-prepend > .ym-wbox > .content > .title-big {
    display: inline-block;
    padding: 4px 8px;
    font-size: 36px;
    background: #fff;
    /*border: 1px solid blue;*/
}

/**** F.A.Q. ****/
section.faq .panel-note > .content a {
    font-weight: 600;
}
section.faq .panel-note > .content a:hover {
    text-decoration: underline;
}

/**** 2023-08-18 DEVELOPMENT + TEST ONLY ****/
.ym-wrapper.wide.Cms_List_B {
	padding: 0 40px;
}