/* 10a-mobile.css Stand: 17.07.2025
/** CSS Grundgerüst mobiles Layout Contao 5 **/

html {
	overflow-y: scroll;
	height: 100%;
	font-size: 16px; /* ist grundsätzlich auch Standard beim Browser */
	/*line-height: 1.5;*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-family: var(--mainfont);
	font-size: 1.125em;
	/*font-weight: 400;*/
	line-height: 1.5;
	background-color: var(--background);
	color: var(--fontcolor);
	background-image: var(--backgroundimage);
	background-repeat:no-repeat;
	background-position: center; background-attachment: fixed;
}

/* Adapt boxmodel */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* general elements and paddings/margins */

p, ul, ol, pre, table, blockquote {
    margin-top: 0em;
    margin-bottom: 1em;
}

/*Blocksatz gewünscht

p {
	text-align: justify;
}*/

ul ul, ol ol, ul ol, ol ul {
    margin-top: 0em;
    margin-bottom: 0em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li {
    margin-left: 2em;
}

h1 {
	margin-top: 0.5em;
}

h1, h2, h3, h4 {
	color: var(--h1h4color);
}

/* Links -> hover und focus können für BFSG gleich gesetzt werden */

a,
a:visited {
	color: var(--linkcolor);
}

a:hover,
a:focus,
a:active {
	color: var(--linkhovercolor);
    /*outline: 0;*/
}
/*
#wrapper {
	width: 100%;
	max-width: unset;
	margin: 0 auto;
}*/

#header {
	background-color: var(--headerback);
	margin: 0 0 1em 0;
	padding: 0.5em 0 0 0;
}

/* fester Header 

#header {
	position: sticky;
    z-index: 1001;
    top: 0;
}*/

#container {
	padding: 0 0.5em; /* evtl. 0 0.2em */
}

#footer {
	margin: 1.5em 0 0 0; 
	padding: 1.5em 2%;
	color: var(--footerfontcolor);
	background-color: var(--footerback);	
}

#footer a,
#footer a:visited {
	color: var(--linkcolorfooter);
	text-decoration:underline;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
	color: var(--linkhovercolorfooter);
    /*outline: 0;*/
}

#main {
	background-color: var(--mainback);
	border-radius: 5px;
	border: 1px solid var(--mainborder);
}

#main .inside {
	padding: 0 1em;
}