/* blikk : adults style sheet definitions 20190903 harald.angerer@schule.suedtirol.it */

/* fonts */
/*@import url('../fonts/sanspro/font_sourcesanspro.css');*/
@import url('../fonts/material/material-icons.css');

/* Standardschriftformate -------------------------------------------------------------------------------------------------------- */

body {
	background-color:#FFF;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size : 1em;
	color : black;
}

/* header */

header { background-color:#FF9900; }
header nav.navigation { max-height:66px; padding:0 1rem; }
header nav img.blikk-logo { height:90%; width:auto; margin-right:1rem; }
header nav img.arbeitsbereich-logo { height:100%; width:auto; }
header nav.breadcrumb {
	background-color:transparent;
	box-shadow: 0px 3px 6px #555;
	overflow:hidden;
	border-radius:0;
	margin-bottom:0;
	padding: .4rem 1rem;
}
header nav.breadcrumb ol { margin:0; padding:0; }
header nav.breadcrumb li { color:#fff; list-style:none; display:inline-block; }
header nav.breadcrumb li.active { font-weight:bold; }
header nav.breadcrumb ol > li + li::before { content: "::"; color: #fff; padding:0 5px;}

/* >= sm */

@media (min-width: 576px) {
	header nav.navigation { max-height:120px; }
}

/* main */

main { background-color:white; min-height:400px; padding-top:10px; margin-top:10px; }

/* < xl */

@media (max-width: 1199.98px) { main.container { max-width:100%; } }


footer { background-color:#FF9900; text-align:center; padding:0 0 15px 0; }
footer .blikk_dislaimer { padding-top:15px; }
footer .blikk_footer_container { padding-top:15px; }
footer .blikk_impressum { padding-bottom:10px; }
footer .blikk_impressum a { color:#C00; }
footer .blikk_impressum a:hover { color:#FFF; }

p {
	margin-top:0px;
	margin-bottom:1em;
}

li {
	margin-bottom:0.5em;
}

li li:first-child {
	margin-top:0.5em;
}

p,li {
	line-height: 1.6em;
}

h3, h4, h5, h6 {
	font-size : 1em;
	color : Black;
}

/* Ueberschriften -------------------------------------------------------------------------------------------------------------------- */

h1 {
	font-size : 1.6em;
	color : #CC0000;
	margin-bottom: 0px;
}

.ueberschrift_kapitel {
	font-size : 1.3em;
	color : #CC0000;
	margin-top:3px;
}

h2 {
	font-size : 1.2em;
	color : #CC0000;
	font-weight : bold;
}

/* spezielle Schriftformate ------------------------------------------------------------------------------------------------------ */

.format_autor {

	color:Black;
	font-size:10pt;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
}

.format_pfad{

	font-size : 9pt;
	color: Black;
}

.format_bildunterschrift{

	font-size : 0.8em;
	color : Black;
}

.format_randtext{

	font-size : 0.8em;
	color : #CC0000;
}

.format_fettrandtext{

	color : #CC0000;
	font-weight: bold;
}

.format_hervorhebung{
	font-weight : bold;
}

.mmhide_format_copyright{				/* fuer contribute versteckt */

	font-size : 9pt;
	color: Black;
}

.mmhide_format_lastchange {
	font-weight: normal;
}

/* Blocktexte --------------------------------------------------------------------------------------------------------------------- */

.block_definition{
	border-left : thick solid #CC0000;
	padding-left : 4px;
}

.block_zitat{
	border : thin solid #CC0000;
	padding: 4px;
}

.block_merksatz{
	border : medium #CC0000;
	border-style: double;
	padding : 4px;
	background-color : #FFCC66;
}

.block_aufgabenstellung{
	background-color : #FFFF66;
	border : medium double #CC0000;
	padding : 4px;
	font-weight : bold;
}

/* links ------------------------------------------------------------------------------------------------------------------------------- */

.symbol_antwort {
	background-image: url(../tipp.gif);
	padding-left: 53px;
	background-repeat: no-repeat;
}

.symbol_frage {
	background-image: url(../frage.gif);
	padding-left: 53px;
	background-repeat: no-repeat;
}

.symbol_gruppe {
	background-image: url(../gruppe.jpg);
	padding-left: 53px;
	background-repeat: no-repeat;
}

.symbol_welt {
	background-image: url(../welt.jpg);
	padding-left: 53px;
	background-repeat: no-repeat;
}

.symbol_schreiben {
	background-image: url(../schreiben.jpg);
	padding-left: 53px;
	background-repeat: no-repeat;
}

.symbol_weiteres {
	background-image: url(../weiteres.gif);
	padding-left: 100px;
	padding-top: 5px;
	padding-bottom:5px;
	background-repeat: no-repeat;
}

.symbol_paragraph {
	background-image: url(../paragraph.gif);
	padding-left: 30px;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.symbol_loader {
	width:200px;
	height:200px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../loader.gif);
}

/* listenformate -------------------------------------------------------------------------------------------------------------------- */

.list_rot {
	list-style-image:url(../bullet_rot.gif);
}

.list_rechteck {
	list-style: square;
}

/* symbolformate -------------------------------------------------------------------------------------------------------------------- */

a:link{
	text-decoration : none;
}

a:visited{
	text-decoration : none;
}

a:hover{
	text-decoration : underline;
}

a:active{
	text-decoration : none;
}

a.event_popup { }

/* Trennlinien --------------------------------------------------------------------------------------------------------------------- */

hr.trennlinie_blau{
	color : Blue;
	height : 3px;
}

hr.trennlinie_lila{
	color : #DE9CF7;
	height : 3px;
}

hr.trennlinie_orange{
	color : #FF9900;
	height : 3px;
}

hr.mmhide_trennlinie_copyright{			/* fuer contribute versteckt */
	color : #FF9900;
	height : 3px;
}


/* Syntax */
.syntax_highlighting {
	background-color:#EEEEEE;
	padding:10px !important;
	border: 0 !important;
	display:block;
}

.mmhide_galerieframe {					/* fuer galerie inline-frame */
	height: 400px;
	width: 630px;
	border: none;
}

.mmhide_docstyle {

	font-size : 0.8em;
	color : Black;
	background-color:White;
}

/* MOD-Formate */

.MOD_entry { border-bottom:1px dotted blue; cursor:pointer;}

/* cookie warning */
.blikk-cookies { position:fixed; bottom:0px; box-sizing:border-box; font-size:1.1em; width:100%; background-color:rgba(254, 190, 95,0.9);  padding:20px 40px 10px; text-align:center; z-index:10000;}
.blikk-cookies a { font-size:1em; display:inline-block; padding:15px; background-color:rgb(0, 144, 54); color:white; margin-right:20px; }
.blikk-cookies a:hover { text-decoration:none; background-color:rgba(0,0,255,.5); }
a.blikk-cookies-change { background-color:#FF9900; }