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

html {
	box-sizing:border-box;
}

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.0em;
	line-height: 1.3em;  
	margin: 0 auto;
}

div {
	display:box;
}

img {width:100%; height:auto;}

.logo { color:white; font-size:2.8em; line-height:2.2em; font-weight: bold;}
.logo2 { color:white; font-size:2.3em; line-height:2.2em; font-weight: normal;}
.logo3 {color:white; font-size:1.1em; font-weight:600; font-style:italic; }

h1 {font-size:1.6em;line-height:1.2em;}
h2 {font-size:1.4em; font-weight: bold;}
h3 {font-size:1.2em; font-weight: normal;}
h4 {font-size:1em; font-weight: normal;}
h5 {font-size:.8em; font-weight: normal;}
h6 {font-size:.6em; font-weight: normal;}

#white {background:white;}
.white {background:white;}
a {color:#706d6d; text-decoration:none;}


header, nav, footer {display: block;} 

header {
	position: sticky;
	top:0;
	right:0;
	left:0;
	z-index:1;
	background:#014f9a;
        text-align: left;
padding:1em;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	z-index:1000;

}

#slider {
        width: 100%;
	margin: 0 auto;
}

#nav {
	margin: 0 auto;
        padding:0;
	background:#014f9a;
        min-height:3.55em;
        height:3.55em;
}

.breadcrumb {
	color:#000000;
	font-size:.6em;
	text-decoration:none;
} 


#container {width: 100%; margin:0 auto;}

#Content {
  top:15%;
  height:80%;
  position:relative;
  overflow:auto;
  width:100%;
background:purple;
}

#content { 
	padding: 1em;  
	background:#ffffff;
	width: 100%;
	margin: 0 auto;
}


footer {
	background:#014f9a;
}

#footer {
	text-align: center;
	padding: 0;
  	background:#014f9a;
  	min-height:4em;
}

.moduletablelauftext {
        background:#c2e078;
        padding: .5em 0 .5em 0;
}

#footer-nav {
 	display:block;
}
ul#footer-nav.nav.menufooter-nav {
  	list-style:none;
  	width:100%;
  	padding:0 .5em 0 .5em;
}
ul#footer-nav.nav.menufooter-nav li {
  	display:block;
}
ul#footer-nav.nav.menufooter-nav li:first-child {
  	padding-right:0em;
}
.menufooter-nav a {
  	color:white;
  	text-decoration: none;
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 0px;
	line-height: 0px;
}

/* --  row columns  -- */

.columns { float: left; }
.row { width:auto; }
.row:before,
.row:after {
	content:'';
	display:table;
}
.row:after { clear:both ;}
.small-1 {	width:100%; }

/*  *********************************************************************************************************************** */
/* ##########################  Navigation Mobile First */

@media screen and (max-width:760px) {

.logo { color:white; font-size:2.0em; line-height:1.8em; font-weight: bold;}
.logo2 { color:white; font-size:1.8em; line-height:1.8em; font-weight: normal;}

table, tr, td {
		padding:0;
		border:1px solid black;
	}

	table {
		border:none;
	}

	tr {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}

	td {
		float: left;
		width: 100%;
		padding:0.5em;
	}
td:nth-child(1)  {background:#c5e379;}
td:nth-child(3)  {background:#c5e379;}
td:nth-child(5)  {background:#c5e379;}
td:nth-child(7)  {background:#c5e379;}
td:nth-child(9)  {background:#c5e379;}
td:nth-child(11)  {background:#c5e379;}
td:nth-child(13)  {background:#c5e379;}

header {padding:0; text-align:center;}

} /*ende mobil*/

nav {
        display: none;
	float:left;
	bottom:-2em;
	height:20%;
	left:0px;
	position:absolute;
        width:100%;
}
nav ul {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
nav ul li {
	list-style: none;
	border-bottom: 0px solid #4c4949;
	color:#4c4949;
       background:#c2e078;
}
nav ul li a {
	color:#4c4949;
	text-decoration: none;
	padding-left: 1em;
	line-height: 1.8em;
}
nav ul li a:hover {color:#000000;}
input#open-menu {
	display: none;
}
input[type=checkbox]:checked ~ nav {
    display: block;
}	
label.open-menu-label {
       background:#c2e078;
	padding: 1em;
	display: block;
	cursor: pointer;
	color:#4c4949;
	font-weight:bold;
}



/*  ###############################################################################################  grösser als 761 px*/

@media screen and (min-width:761px) {

#header {padding: 0 4em 0 4em;}
#content {padding:0 4em 0 4em;}
table {
	width:60%;
}
table, tr, th, td {
	border:0px solid black;
	border-collapse: collapse;
	text-align: left;
}
td, tr, th {
	padding:0.5em;
        border: 1px solid sladegrey;
}
th {
	background:#eee;
	font-weight: bold;
}
tr:nth-child(1)  {background:#c5e379;}
tr:nth-child(3)  {background:#c5e379;}
tr:nth-child(5)  {background:#c5e379;}
tr:nth-child(7)  {background:#c5e379;}
tr:nth-child(9)  {background:#c5e379;}
tr:nth-child(11)  {background:#c5e379;}
tr:nth-child(13)  {background:#c5e379;}

table, tr, td img { width:100%; height:auto;}

nav {
display: block;
text-align: center;
bottom:0em;
font-size:1em;
min-height:3.4em;
background:#014f9a;
margin-top:3em;
border-top:2px solid white;
}

nav ul {
margin-top:1em;
}       
nav ul li {
display:inline;
text-align:center;
background:none;
padding: .66em 0em .66em 0em;
line-height:1.9em;
 }

nav ul li a {
color:white;
text-decoration: none;
font-weight:normal; 
padding: 1.16em; 
}

nav ul li a:hover {
background:#c2e078;
color:black;
text-decoration: underline;
}

label.open-menu-label {
display: none;
}
.break {display:none;}

#footer-nav {
width:100%;
}
ul#footer-nav.nav.menufooter-nav {
width:100%;
}
    ul#footer-nav.nav.menufooter-nav li:nth-child(1) {
      	padding-right:2em;
  	}
  ul#footer-nav.nav.menufooter-nav li:nth-child(2) {
      	padding-right:2em;
  	}
    ul#footer-nav.nav.menufooter-nav li {
        display:inline;
    }
  
  	img {width:30%; height:auto;}
		
	.medium-1 {
		width:8.33333%;
	}
	.medium-2 {
		width:16.66666%;
	}
	.medium-3 {
		width:24.99999%;
	}
	.medium-4 {
		width:33.33332%;
	}
	.medium-5 {
		width:41.66665%;
	}
	.medium-6 {
		width:49.99998%;
	}
	.medium-7 {
		width:58.33331%;
	}
	.medium-8 {
		width:66.66664%;
	}
	.medium-9 {
		width:74.99997%;
	}
	.medium-10 {
		width:83.33333%;
	}
	.medium-11 {
		width:91.66663%;
	}
	.medium-12 {
		width:100%;
	}
	
}


