@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
/  ------------------------------------------- */






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

header, footer {
	background: #530761;
}
nav {
	background:#decfe2;
}

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

.logoConnected {
	background-image: url("../img/logo_head/logo_con3.png");
}
.iconLink {
	background-image: url(../img/icons/c3_link.png);
}
.iconDownload {
	background-image: url(../img/icons/c3_download.png);
}
.impressumZT {
	color: #530761;
}



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

h1, h2, h3 {
	color: #530761;
}
h4, h5, h6 {
	color: #989898;
}


nav a {
	color:#530761;
}
nav a:visited {
	color:#530761;
}
nav a:hover {
	color:#989898;
}

main a {
	color: #530761;
}
main a:visited {
	color: #530761;
}
main a:hover {
	color: #989898;
}










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

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


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

@media screen and (min-width:320px) and (max-width:800px) {
}