/*

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

Hueber.de CSS 2015

Zusätzliche Stylesheets für Hueber.de LWS Comic-Box

Version:   1.0
Datum:     23.08.2024

Erfordert: -

Hinweise:  -

Historie:  1.0 (28.01.2022)  - erstes Release

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

*/

:root
{
	--bg-color: #d5122a;
	--light-bg-color: rgb(214, 220, 230);

	--highlight-color: rgb(214, 220, 230);

	/* --navigation-active-color: #80b1aa; */
	--navigation-active-color: rgb(26, 143, 150);

	/* --uibutton-bg-color: #96d1c9;
	--uibutton-border-color: #96d1c9; */
	--uibutton-bg-color: rgb(74, 169, 175);
	--uibutton-border-color: rgb(74, 169, 175);
	--uibutton-color: white;

	--uibutton-highlight-bg-color: rgb(74, 169, 175);
	--uibutton-highlight-border-color: rgb(74, 169, 175);
	--uibutton-highlight-color: #ffffff;

	--a-link-color: rgb(36, 99, 170);

	--article-table-bg-color: #8c98af;

	--highlight-headline-color: #9e1a3f;
}

#cbxhead
{
	background-image: url(/shared/images/comic-box/infoheaderbg_cbx.jpg);
}

#cbxcover
{
	right: 1%;
	top: 50%;
	transform: translateY(-50%);
	max-height: 90%;
	max-width: revert;
}

#cbxbutton
{
	top: 5%;
	right: 24%;
	width: 15%;
}

#cbxhead header 
{
	--headline-color: white;

	bottom: 20%;
	left: 12%;
}

#cbxhead header
{	
	text-shadow: 0 0 2em #000000, 0 0 .5em #000000, 0 1px .2em #000000;
}

#cbxhead header h1
{	
	font-size: 3.5em !important;
	font-weight: bold;
}

#cbxhead header h2
{	
	font-size: 2.5em !important;
	font-weight: bold;
}

#infoheader .copyrightnote,
#toplevelnavi .copyrightnote
{
	display: block;
	text-align: right;
}

.lwsfeaturebox table tr > td:first-of-type
{
	width: 50%;
}

.lwsfeaturebox table td > p:first-child + ul
{
	margin-top: .5em !important;
}

@media (max-width: 767px)
{
	#cbxcover
	{
		display: none;
	}
}

@media (min-width: 568px) and (max-width: 767px)
{
	#cbxhead h1
	{
		font-size: 2.5em !important;
	}

	#cbxbutton
	{
		width: 20%;
		right: 6%;
		bottom: 50%;
		transform: translateY(50%);
	}
}

@media (max-width: 567px) 
{
	#cbxbutton
	{
		width: 25%;
		right: 6%;
		bottom: 5%;
		
	}

	#cbxhead header 
{
    bottom: 5%;
	transform: none;
}

	#cbxhead h1
	{
		font-size: 1.8em !important;
	}
}

@media (min-width: 568px)
{
	#conceptvideo video
	{
		float: right;
		margin-bottom: 1em;
		margin-left: 2em;
		max-width: 55%;
	}
}

/* Standard-Header */

.cbxlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_unei.svg);
	background-position: left center;
}