/**
 * Keep desktop CV markup visible inside the mobile scale wrapper.
 * Bootstrap 3 hides .hidden-xs below 768px — that breaks zoomed-out preview.
 * Mirrors the .pjs-render overrides in top-reklamholder.css.
 */

@media (max-width: 991px) {
	body.no-pjs-render .cv-preview-fidelity-scale .hidden-xs {
		display: block !important;
	}

	body.no-pjs-render .cv-preview-fidelity-scale .visible-xs,
	body.no-pjs-render .cv-preview-fidelity-scale .visible-xs-block,
	body.no-pjs-render .cv-preview-fidelity-scale .visible-xs-inline,
	body.no-pjs-render .cv-preview-fidelity-scale .visible-xs-inline-block {
		display: none !important;
	}

	/* Mobile-only duplicate markup — desktop column is used instead. */
	body.no-pjs-render .cv-preview-fidelity-scale .bild-boxen-smalldevice,
	body.no-pjs-render .cv-preview-fidelity-scale .datum-visible-xs,
	body.no-pjs-render .cv-preview-fidelity-scale .name-mobile,
	body.no-pjs-render .cv-preview-fidelity-scale .sf-jobtitle-holder-mobile {
		display: none !important;
	}

	body.no-pjs-render .cv-preview-fidelity-scale .datum-hidden-xs,
	body.no-pjs-render .cv-preview-fidelity-scale .sf-jobtitle-holder-large,
	body.no-pjs-render .cv-preview-fidelity-scale .sf-name-holder {
		display: block !important;
	}

	body.no-pjs-render .cv-preview-fidelity-scale .col-sm-3 {
		width: 25%;
		float: left;
	}

	body.no-pjs-render .cv-preview-fidelity-scale .col-sm-4 {
		width: 33.33333333%;
		float: left;
	}

	body.no-pjs-render .cv-preview-fidelity-scale .col-sm-6 {
		width: 50%;
		float: left;
	}

	body.no-pjs-render .cv-preview-fidelity-scale .col-sm-8 {
		width: 66.66666667%;
		float: left;
	}

	body.no-pjs-render .cv-preview-fidelity-scale .col-sm-9 {
		width: 75%;
		float: left;
	}

	body.no-pjs-render .cv-preview-fidelity-scale .col-md-12 {
		width: 100%;
		float: left;
	}
}