/*

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

Hueber.de CSS 2015

Zusätzliche Stylesheets für "Einfach digital" Infoservice

Version: 	1.0
Datum: 		14.12.2023

Erfordert: 	-

Hinweise: 	-

Historie:	

1.0 (14.12.2023) 		- Ausgegliedert aus echifs.css

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

*/

body.edilws #infoheader
{
	display: flex;
	align-items: center;
}

body.edilws #infoheader h1
{
	color: rgb(224, 0, 47);
	font-size: 2.6rem;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

body.edilws .artikel.tile
{
	border-top: 3px solid rgb(224, 0, 47);
	margin-top: 1.2rem;
}

body.edilws .artikel.tile.large
{
	border-top: 0;
}

body.edilws .artikel.tile a
{
	color: inherit !important;
}

body.edilws .artikel.tile.large header h1 .head,
body.edilws .artikel.tile.large header h2 .head,
body.edilws .artikel.tile.large header h3 .head,
body.edilws .artikel.tile.large header h4 .head
{
	color: rgb(224, 0, 47);
	/* color: white; */
}

body.edilws #content .artikel.tile h1,
body.edilws #content .artikel.tile h2,
body.edilws #content .artikel.tile h3,
body.edilws #content .artikel.tile h4
{
	margin-top: 0;
}

body.edilws #content .artikel.tile h1
{
	font-size: 1.9rem;
}

body.edilws #content .artikel.tile.large h1
{
	font-size: 5.5rem;
	font-weight: 100;
	letter-spacing: -.03em;
	line-height: .97;
	margin-bottom: 2rem;
	margin-top: .8rem;
}

body.edilws #content .artikel.tile h2
{
	font-size: 1.6rem;
}

body.edilws #content .artikel.tile h3
{
	font-size: 1.5rem;
}


body.edilws .artikel.tile .kategorie,
body.edilws .artikel.tile .head
{
	max-width: 90%;
}

body.edilws .artikel.tile .kategorie
{
	font-size: .9rem;
	padding-top: .5rem;
}

body.edilws .artikel.tile .kategorie + .katseparator + div.bild
{
	margin-top: 0;
}

body.edilws .artikel.tile.large p.introtext
{
	font-size: 1.25rem;
	line-height: 1.25;
}

/* body.edilws article .copyrightnote
{
	color: rgba(255, 255, 255, .8);
	bottom: .2em;
	position: absolute;
	right: .4em;
	text-align: right;
	text-shadow: 0 0 8px rgba(0, 0, 0, .8), 0 1px 2px rgba(0, 0, 0, .8), 0 1px 0 rgba(0, 0, 0, .8);
} */

body.edilws .artikel.tile .contentarea > :not(.bild):last-child
{
	padding-bottom: .9rem;
}

@media only screen and (max-width: 1023px) 
{
	body.edilws #content .artikel.tile.large h1
	{
		font-size: 4.8rem;
	}
}

@media only screen and (min-width: 767px) 
{
	body.edilws .artikel.tile.large p.introtext
	{
		max-width: calc(80% - 4rem);
		padding-left: 3rem !important;
	}
}

@media only screen and (max-width: 767px) 
{
	body.edilws #content .artikel.tile h1
	{
		font-size: 1.4rem;
	}

	body.edilws #content .artikel.tile.large h1
	{
		font-size: 3rem;
	}

	body.edilws #content .artikel.tile h2
	{
		font-size: 1.2rem;
	}

	body.edilws #content .artikel.tile h3
	{
		font-size: 1.1rem;
	}

	body.edilws .artikel.tile .kategorie,
	body.edilws .artikel.tile.large p.introtext
	{
		font-size: 1rem;
	}
}

@media only screen and (min-width: 420px)
{
	body.edilws .grid > .content > .artikel.tile.large
	{
		grid-column: auto;
	}
}

/* Deutschfuchs */

body.defifs #toplevelnavi
{
	margin-bottom: 2rem;
}

body.defifs #toplevelnavi a
{
	text-decoration: none;
}

body.defifs .titlearea
{
	background-image: url(/sixcms/media.php/33/infoheader_deutschfuchs_edi.png);
	background-size: cover;
}

body.defifs .titlearea .logo, 
body.defifs .titlearea .logo .imagearea 
{ 
	height: 50%; 
}

@media only screen and (max-width: 567px)
{
	body.defifs .titlearea
	{
		background-position: right center;
	}
	
	body.defifs .titlearea .logo 
	{ 
		left: 50%;
		transform: translateX(-50%);
		width: 30%;
	}

	body.defifs .cpnheadern header
	{
		bottom: 0;
		font-size: .8em;
		left: 50%;
		text-align: center;
		transform: translateX(-50%);
		width: 100%;
	}
}

@media only screen and (width: 320px)
{
	body.defifs .titlearea .logo 
	{ 
		top: 0; 
	}
}

@media only screen and (min-width: 321px) and (max-width: 567px)
{
	body.defifs .titlearea .logo 
	{ 
		top: 10%; 
	}
}


@media only screen and (min-width: 568px)
{
	body.defifs .titlearea
	{
		background-position: center;
	}
	
	body.defifs .titlearea .logo 
	{ 
		top: 25%; 
		width: 20%;
	}
	
	body.defifs .cpnheadern header
	{
		left: auto;
		right: 10%;
	}
}

body.defifs #copyrightnote
{
	margin-top: .5rem;
	text-align: right;
}


body.defifs #deutschfuchsatform
{
	background-color: #fcecdc;
	border-radius: var(--medium-border-radius);
	padding: var(--large-bg-text-indent-vertical) var(--large-bg-text-indent-horizontal);
}