/*

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

Hueber.de Avallain CSS 2015

Zusätzliche Stylesheets für Avallain Author basierte Seiten

Version:   1.0
Datum:     07.07.2017

Erfordert: -

Hinweise:  -

Historie:	

1.0 (07.07.2017)  - erster Release

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

*/

/* HTML-Head/Body usw. */

:root
{
	--pg-header-height: 12px;
}

body.avallain
{
	background-color: #fefefe;
}

/* Seite */

body.avallain:not(.pmt) #pagecontent
{
	display: flex;
	flex-direction: column;
	min-width: 480px;
}

/* Bereiche */

body.avallain #content
{
	position: relative;
	/* width: 100%; */
}

/* Kopfzeile */

body.avallain #globalheader
{
	height: auto;
}

/* Fußzeile */

body.avallain:not(.pmt) #globalfooter
{
	border-top: 0px;
	float: none;
	margin-left: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: .5em;
	width: 100%;
}

/* Sektionen */

body.avallain.framed #pmtnav
{
	align-items: center;
	background-color: #f4f4f4;
	display: flex;
	height: 46px;
	width: 100%;
	z-index: 1000;
}

body.avallain.framed h1#pmthead
{
	color: white;
	font-size: 1.2rem;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	padding-left: .4em;
	text-shadow: 0 2px 3px black;
}

body.avallain.framed #pmtactivity_controls
{
	background-color: #f4f4f4;
	height: 60px;
	width: 100%;
	z-index: 1000;
}

body.avallain .body
{
	margin-bottom: 0;
	width: 100%;
}

body.avallain #content > .body:not(:first-child)
{
	margin-top: 0;
}

body.avallain.framed .body
{
	padding: 1em 3em;
}

body.avallain.framed:not(.pmt) .body
{
	top: 46px;
}

body.avallain.framed:not(.pmt) .body:nth-child(1n+3)
{
	display: none;
}

/* Artikel-Typ: iFrame-Content */

body.avallain article.iframe iframe
{
	height: calc(100vh - 3em - 48px);
}

body.avallain article.iframe .contentarea
{
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
}

/* Einstufungstest */

body.avallain.pmt .form .fsection
{
	border-radius: var(--large-border-radius);
	padding: var(--small-column-gap) var(--small-row-gap) !important;
}

body.avallain.pmt .form .fsection:not(.cred)
{
	border: var(--thinline);
}

body.avallain.pmt .form .fsection.cred
{
	border-radius: var(--large-border-radius);
	border-top: 0;
	box-shadow: var(--boxshadow-soft-medium);
	padding: var(--small-column-gap) var(--small-row-gap) !important;
}

body.avallain.pmt .form .fsection li.separator
{
	border-top: none;
	font-weight: bold;
}

body.avallain.pmt .form .fsection li:first-child
{
	margin-top: 0;
}

body.avallain.pmt .form button[id="action_submit"]
{
	font-weight: bold;
}

/* Responsive Design */

@media only screen and (min-width: 768px) 
{
	body.avallain
	{
		background-color: #fefefe;
	}

	body.avallain #pagecontent
	{
		background-color: white;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
		margin-top: 1em;
		margin-bottom: 1em;
		padding: .5em;
	}
}

@media only screen and (max-width: 767px) 
{
	body.avallain #content
	{
		width: calc(100% - 16px);
	}

	body.avallain #globalheader
	{
		background-color: transparent;
		border-bottom: 0;
		height: auto;
		padding-left: 0;
		position: static;
		top: inherit;
		width: inherit;
		z-index: inherit;
	}

	body.avallain #globalfooter
	{
		width: calc(100% - 16px);
	}

	body.avallain #fixedheaderoffset
	{
		display: none;
	}

	body.avallain.framed .body
	{
		padding: 1em 0;
		width: 100%;
	}
}