/**
 * Compatibility layer: of_distribution content frames inside legacy Archiv chrome
 */

body.site-archiv {
	background: #fff;
}

body.site-archiv .frame {
	margin: 0 0 1.25rem;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

body.site-archiv .frame > header {
	margin: 0 0 0.75rem;
}

body.site-archiv .frame .headline,
body.site-archiv .frame h1,
body.site-archiv .frame h2,
body.site-archiv .frame h3 {
	font-family: "Optima LT W01 Medium", "Optima", Georgia, serif;
}

body.site-archiv .frame-type-header .headline,
body.site-archiv .frame h1.headline {
	color: #bb0000;
	font-size: 24px;
	margin-top: 0;
}

body.site-archiv .frame h2.headline,
body.site-archiv .frame-type-header h2 {
	color: #666;
	font-size: 22px;
	margin-top: 0;
}

body.site-archiv .ce-bodytext,
body.site-archiv .frame-type-html {
	font-size: 14px;
	color: #666;
	line-height: 1.55;
}

body.site-archiv .ce-bodytext a,
body.site-archiv .frame-type-html a {
	color: #bb0000;
}

body.site-archiv #content img {
	max-width: 100%;
	height: auto;
}

/* Legacy gallery markup */
body.site-archiv #content .galerie {
	overflow: hidden;
	margin: 0 0 1.5rem;
}

body.site-archiv #content .galerie a.swipebox {
	display: inline-block;
	width: 31%;
	margin: 0 1% 12px 0;
	vertical-align: top;
}

body.site-archiv #content .galerie a.swipebox img {
	width: 100%;
	height: auto;
	display: block;
	border: 1px solid #ddd;
}

@media (max-width: 767px) {
	body.site-archiv #content .galerie a.swipebox {
		width: 48%;
	}
}

body.site-archiv #content .archiv-partners {
	overflow: hidden;
	margin: 0 0 1.5rem;
}

body.site-archiv #content .archiv-partners .partner {
	float: left;
	width: 168px;
	height: 98px;
	margin: 0 12px 12px 0;
	border: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	background: #fff;
	text-align: center;
}

body.site-archiv #content .archiv-partners .partner__name {
	font-family: "Optima LT W01 Medium", "Optima", Georgia, serif;
	font-size: 13px;
	color: #333;
	line-height: 1.3;
}

body.site-archiv #content .ce-gallery,
body.site-archiv #content .ce-textpic {
	margin-bottom: 1.25rem;
}

body.site-archiv .offcanvas-toggle {
	background: transparent;
	border: 0;
	padding: 10px;
}

body.site-archiv .offcanvas-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	margin: 4px 0;
	background: #bb0000;
}