@charset "UTF-8";
/* CSS Document */

/* History
/  --------------------------------------------
/  Datum		Version	Wer		Änderung
/  --------------------------------------------
/  09.07.2019	1.0.0	bwo		CSS erstellt
/  xx.xx.xxxx	x.x.x			
/  ------------------------------------------- */



/* -------------------------------------------- /
/  Liste Farbdefinitionen                       /
/  -------------------------------------------  /

Hellgrau Original: #efefef
Hellgrau Handbuch digital: #ebebeb

Dunkelgrau Original: #989898
Dunkelgrau Handbuch digital: #d3d3d3

Connected 1 Hell: #e5efd8
Connected 1 Dunkel: #61832a

Connected 2 Hell: #e1e7f5
Connected 2 Dunkel: #2a5888

Connected 3 Hell: #decfe2
Connected 3 Dunkel: #530761

Connected 4 Hell: #fcf6da
Connected 4 Dunkel: #e4b400
/  ------------------------------------------- */




/* -------------------------------------------- /
/  Webfonts                                     /
/  ------------------------------------------- */
@font-face {
    font-family: 'noFont';
}
@font-face {
    font-family: 'neusanextpro-light';
	src: url('fonts/neusa/neusanextpro_light/neusanextpro-light-webfont.woff2') format('woff2'),
         url('fonts/neusa/neusanextpro_light/neusanextpro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'neusanextpro-medium';
    src: url('fonts/neusa/neusanextpro_medium/neusanextpro-medium-webfont.woff2') format('woff2'),
         url('fonts/neusa/neusanextpro_medium/neusanextpro-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Torque Medium";
    src: url("fonts/torque/torqueweb-medium.eot"), url("fonts/torque/torqueweb-medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}



/* -------------------------------------------- /
/  Reset                                        /
/  ------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: 'neusanextpro-light';
}



/* -------------------------------------------- /
/  iFrame-Anpassung für Video-Einbettung        /
/  ------------------------------------------- */
.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
}
.embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}


/* -------------------------------------------- /
/  Inhaltsbereiche                              /
/  ------------------------------------------- */

header, main, footer, nav {
	width:100%;
}
header {
	padding:5px 0 0 0;
	z-index: 2;
}
footer {
	z-index: 3;
}
footer, nav {
	padding:5px 0;
}
nav {
	margin-top: 5px;
}
header, footer {
	background-color: #989898;
	min-height: 20px;
}
main {
	padding-bottom: 100px;
	z-index: 1;
}
article {
	padding: 0;
	margin: 0;
	background: #ebebeb;
	border-radius: 10px;
}




/* -------------------------------------------- /
/  IDs                                          /
/  ------------------------------------------- */

#bCrumb {
	background: #fff;
	min-height: 60px;
}
#headerFix {
	position: absolute;
}
#footerRelative {
/*	position: fixed;
	bottom: 0;
	left: 0;
*/
}




/* -------------------------------------------- /
/  Klassen                                      /
/  ------------------------------------------- */

.logoConnected {
	background-repeat: no-repeat;
	position: relative;
	top: 0;
	left: 20px;
	height: 63px;
	clear:both;
}
.logoPosition {
	position: relative;
	top: 0;
	left: -20px;
}
.contentBox {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-width: 320px;
	max-width: 800px;
	padding:0 20px;
	margin: 0 auto;
}
.contentImpressum {
	display: block;
	flex-wrap: none;
	min-width: 320px;
	max-width: 800px;
	padding:0 20px;
	margin: 0 auto;
}
.fullWidth {
	width:100%;
	display:block;
}
.articlePadding {
}
.mainPadding {
}
.iconLink {
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
	position: relative;
	top: -40px;
	left: 0;
	height: 40px;
	clear:both;
}
.iconDownload {
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
	position: relative;
	top: -40px;
	left: 0;
	height: 40px;
	clear:both;
}
.kasten {
	padding: 0 20px 20px 20px;
}
.breadcrumb {
	color: #989898;
	font-family: 'neusanextpro-medium';
	padding: 0;
}
.marginTop0 {
	margin-top: 0;
	padding-top: 0;
}
.marginTop50 {
	margin-top: 50px;
	padding-top: 0;
}
.articleColorNone {
	background-color: transparent;
}
.articleStart {
}
.impressumZT {
}
.impressumList {
}
.impressumH2 {
}





/* -------------------------------------------- /
/  Globale Beschreibungen                       /
/  ------------------------------------------- */

body {
	background-color: #fff;
}
p, h1, h2, h3, h4, h5, h6 {
}
h1 {
	font-family: 'Torque Medium';
	font-weight: normal;
}
h2, h3, h4, h5, h6 {
	font-family: 'neusanextpro-medium';
	font-weight: normal;
	color: #989898;
}
strong {
	font-family: 'neusanextpro-medium';
	font-weight: normal;
}


nav p, ul, li {
	font-family: 'neusanextpro-medium';
	font-weight: normal;
	color: #989898;
}
nav a {
	font-family: 'neusanextpro-medium';
	font-size: 1em;
	text-decoration: none;
}
nav a:visited {
	font-family: 'neusanextpro-medium';
	font-size: 1em;
	text-decoration: none;
}
nav a:hover {
	font-family: 'neusanextpro-medium';
	font-size: 1em;
	text-decoration: none;
}
main a {
	font-family: 'neusanextpro-medium';
	font-size: 1em;
	text-decoration:none;
}
main a:visited {
	font-family: 'neusanextpro-medium';
	font-size: 1em;
	text-decoration:none;
}
main a:hover {
	text-decoration: none;
}
footer p, tr, td {
	font-family: 'neusanextpro-medium';
	font-weight: normal;
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
}
footer a {
	font-family: 'neusanextpro-medium';
	text-decoration: none;
	font-weight: normal;
	color: #fff;
}
footer a:visited {
	font-family: 'neusanextpro-medium';
	text-decoration: none;
	font-weight: normal;
	color: #fff;
}
footer a:hover {
	color: #ebebeb;
}
.contentImpressum ul li {
	font-family: 'neusanextpro-light';
	color: #000;
}











/* Hier kommen die Desktop-Beschreibungen  */
/* --------------------------------------- */

@media screen and (min-width:800px) {
	#footerRelative {
		position: fixed;
		bottom: 0;
		left: 0;
	}
	header {
		position: fixed;
		top: 0;
		left: 0;
		order: 2;
	}
	main {
		padding-top: 200px;
		order: 1;
	}
	footer {
		order: 3
	}
	article {
	/* Definitionen für 2-spaltiges Layout */
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		min-width: calc(100% / 2 - 30px) ;
		max-width: calc(100% / 2 - 30px) ;
		margin: 40px 15px 15px 15px;
	/* Definitionen für 1spaltiges Layout 
		min-width:100%;
		max-width:100%;
		width:100%;
		margin: 40px 0px 15px 0px;
	*/
	}
	.articleStart {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		min-width: calc(100% / 2 - 30px) ;
		max-width: calc(100% / 2 - 30px) ;
		margin: 40px 15px 15px 15px;
	}
	nav li {
		display:inline-block;
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
		border-right: 2px solid #989898;
	}
	nav li:last-child {
		border-right: none;
	}
	nav p, li {
		font-size: 1.05em;
	}
	h1 {
		font-size: 2em;
		border-bottom: 6px solid;
		padding: 0 0 10px 0;
		margin: 0 0 20px 0;
	}
	h2 {
		font-size: 1.4em;
		margin: 3.5em 0 0.3em 0;
	}
	h3 {
		font-size: 1.5em;
		margin: -20px 0 20px 0;
	}
	h4 {
		font-size: 1.1em;
		margin: -20px 0 27px 0;
		padding: 0;
	}
	h5, h6 {
		font-size: 1.2em;
		margin: 0.75em 0 0.25em 0;
	}
	p {
		font-size: 1.25em;
		line-height: 1.3em;
		margin-bottom: 0.5em;
	}
	p:last-child {
		margin-bottom: 0;
	}
	.breadcrumb {
		font-size: 0.85em;
		margin: 5px 0 50px 0;
	}
	.articlePadding {
		padding: 0 5% 50px 5%;
	}
	.mainPadding {
		padding: 100px 0 100px 0;
	}
	.impressumZT {
		font-size: 1.25em;
		margin: 0.75em 0 0.25em 0;
	}
	.contentImpressum ul li {
		font-size: 1.25em;
		margin-left: 20px;
	}
	.impressumH2 {
		font-size: 1.6em;
		margin: 1.5em 0 1em 0;
	}
}



/* Hier kommen die Mobile-Beschreibungen   */
/* --------------------------------------- */

@media screen and (min-width:320px) and (max-width:800px) {
	#footerRelative {
		position: relative;
	}
	header {
		position: relative;
		top: 0;
		left: 0;
		order: 1;
	}
	main {
		padding-top: 50px;
		order: 2;
	}
	footer {
		order: 3;
	}
	article {
		display: -webkit-block;
		display: -ms-block;
		display: block;
		min-width:100%;
		max-width:100%;
		width:100%;
		margin: 40px 0 20px 0;
	}
	.articleStart {
		display: -webkit-block;
		display: -ms-block;
		display: block;
		min-width:100%;
		max-width:100%;
		width:100%;
		margin: 40px 0 20px 0;
	}
	nav li {
		display: block;
		margin: 0 10px 0 0;
		padding: 3px 10px 3px 0;
		border-right: none;
	}
	nav li:last-child {
		border-right: none;
		border-bottom: none;
	}
	nav p, li {
		font-size: 1em;
	}
	h1 {
		font-size: 1.7em;
		border-bottom: 4px solid;
		padding: 0 0 5px 0;
		margin: 0 0 15px 0;
	}
	h2 {
		font-size: 1.3em;
		margin: 3.5em 0 0.3em 0;
	}
	h3 {
		font-size: 1.4em;
		margin: -20px 0 10px 0;
	}
	h4 {
		font-size: 1.05em;
		margin: -20px 0 26px 0;
		padding: 0;
	}
	h5, h6 {
		font-size: 1.2em;
		margin: 0.75em 0 0.25em 0;
	}
	p {
		font-size: 1.1em;
		line-height: 1.4em;
		margin-bottom: 0.5em;
	}
	p:last-child {
		margin-bottom: 0;
	}
	.breadcrumb {
		font-size: 0.85em;
		margin: 5px 0 30px 0;
	}
	.articlePadding {
		padding: 0 5% 15px 5%;
	}
	.mainPadding {
		padding: 40px 0 100px 0;
	}
	.impressumZT {
		font-size: 1.1em;
		margin: 0.75em 0 0.25em 0;
	}
	.contentImpressum ul li {
		font-size: 1.1em;
		margin-left: 20px;
	}
	.impressumH2 {
		font-size: 1.4em;
		margin: 1.5em 0 1em 0;
	}
}