/*

********************************************************************************

ext_wbr_fts.css

Zusätzliche Stylesheets für Fachtag-Special

********************************************************************************

*/

body.wbr
{
	--navigation-active-color: #645984;
	--light-bg-color: #d2cdde;
	/* --light-bg-color: #fff46a; */
}

body.wbr #content
{
	border: 1px solid #645984;
	border-radius: var(--large-border-radius);
}

body.wbr .titlearea
{
	--titlearea-bg-color: #645984;
	border-top-left-radius: var(--large-border-radius);
	border-top-right-radius: var(--large-border-radius);
	max-height: none !important;
	min-height: auto !important;
}

body.wbr .titlearea > header
{
	--headline-cat-color: #ffffff;
	--headline-color: #62b5b0;
	--headline-textshadow-color: var(--titlearea-bg-color);
}

body.wbr .titlearea h1 > .kategorie
{
	font-size: .7em;
}

@media (max-width: 367px)
{
	body.wbr .titlearea
	{
		background-image: none !important;
	}
}

@media (max-width: 567px)
{
	body.wbr .titlearea
	{
		background-position: center 10% !important;
		background-size: auto 45% !important;
	}
}

@media (min-width: 568px) and (max-width: 767px)
{
	body.wbr .titlearea
	{
		background-position: 7% center !important;
		background-size: 220px auto !important;
	}
}

@media (min-width: 768px)
{
	body.wbr .titlearea
	{
		background-position: 11% center !important;
		background-size: 240px auto !important;
	}
}

@media (max-width: 567px)
{
	body.wbr .titlearea > header
	{
		bottom: 10%;
		left: 5%;
		text-align: center;
		transform: none;
		width: 90%;
	}
}

@media (min-width: 568px)
{
	body.wbr .titlearea > header
	{
		bottom: 45%;
		right: 5%;
		width: 55%;
	}
}

body.wbr #listarea
{
	border-top: 1px solid #645984;	
}

body.wbr form > div:is(.eventsignup, .tradefairsignup) > div.content
{
	border-left: none;
	border-right: none;
	border-top: 1px solid #645984;
	border-top-left-radius: initial;
	border-top-right-radius: initial;
}

body.wbr div.eventspeakers
{
	border-bottom: 1px solid #645984;
	border-left: none;
	border-right: none;
	border-bottom-left-radius: initial;
	border-bottom-right-radius: initial;
}

body.wbr .body.topteaser
{
	--large-bg-text-indent-vertical: 3em;
}

body.wbr #content > .body:last-child
{
	margin-bottom: 0;
	border-bottom-left-radius: var(--large-border-radius);
	border-bottom-right-radius: var(--large-border-radius);
}