<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

/* #################

	Generelle Styles und eigene Resets
	
	#################	
*/

html, body {
		width: 100%;
		min-height:100%;
		padding:1px /* Collapsing Margins verhindern*/

}
ul, ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p, div {
	margin: 0;
	padding: 0;
	}

/*
##############################################################################
Grid-System:
Spalten: .col1 - .col12, Innerhalb von .contentbox zum clearen
Standard-Breakpoint: 768 Pixel; Klasse: .col1 - .col12
.col-xs-1 - .col-xs-12 : Mehrspaltigkeit auch unterhalb von 768 Pixeln

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

.contentbox {
	width: 100%;
	max-width: 1170px;
	margin: 0px auto;
		
}

/*  
 Clearfix für die Contetnbox
*/

.contentbox:before, .contentbox:after {
	content: " ";
	display: table;
}
.contentbox:after {
	clear: both;
}
.contentbox {
 *zoom: 1; /* Für den IE6 und IE7 */
}

.nested { 
/* Für Spalten innerhalb von Spalten ("nested Columns"), Gleicht den Margin der Spalten wieder aus */
    margin-left: -1.0416666666666665%;
    margin-right: -1.0416666666666665%;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	margin:  1.0416666666666665%; /* 10 / 960 */
	float: none;
}


/*Ohne Breakpoints - Mehrspaltigkeit / Floaten auch unterhalb von 768 PX */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	margin:  1.0416666666666665%; /* 10 / 960 */
	float: left;
}

.col-xs-1 {
	width: 6.25%; /* 60 / 960 */
}
.col-xs-2 {
	width: 14.583333333333334%; /* 140 / 960 */
}
.col-xs-3 {
	width: 22.916666666666664%; /* 220 / 960 */
}
.col-xs-4 {
	width: 31.25%; /* 300 / 960 */
}
.col-xs-5 {
	width: 39.58333333333333%; /* 380 / 960 */
}
.col-xs-6 {
	width: 47.91666666666667%; /* 460 / 960 */
}
.col-xs-7 {
	width: 56.25%; /* 540 / 960 */
}
.col-xs-8 {
	width: 64.58333333333334%; /* 620 / 960 */
}
.col-xs-9 {
	width: 72.91666666666666%; /* 700 / 960 */
}
.col-xs-10 {
	width: 81.25%; /* 780 / 960 */
}
.col-xs-11 {
	width: 89.58333333333334%; /* 860 / 960 */
}
.col-xs-12 {
	width: 97.91666666666666%; /* 940 / 960 */
}


/*
Spalten zentriert in einer Contentbox-Spalte: contentbox .centered-Klasse mitgeben
*/
.centered {
	}
.centered &gt; div  {
	float: none;
	margin: 0px auto;
	}	


 @media screen and (min-width: 768px) {
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	margin: 1.0416666666666665%; /* 10 / 960 */
	float: left;
}
.col1 {
	width: 6.25%; /* 60 / 960 */
}
.col2 {
	width: 14.583333333333334%; /* 140 / 960 */
}
.col3 {
	width: 22.916666666666664%; /* 220 / 960 */
}
.col4 {
	width: 31.25%; /* 300 / 960 */
}
.col5 {
	width: 39.58333333333333%; /* 380 / 960 */
}
.col6 {
	width: 47.91666666666667%; /* 460 / 960 */
}
.col7 {
	width: 56.25%; /* 540 / 960 */
}
.col8 {
	width: 64.58333333333334%; /* 620 / 960 */
}
.col9 {
	width: 72.91666666666666%; /* 700 / 960 */
}
.col10 {
	width: 81.25%; /* 780 / 960 */
}
.col11 {
	width: 89.58333333333334%; /* 860 / 960 */
}
.col12 {
	width: 97.91666666666666%; /* 940 / 960 */
}
}



</pre></body></html>