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

/* UNIVERSAL ANFANG */

* {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

/* UNIVERSAL ENDE */


/* BODY ANFANG */
	
body {
	/*min-width: 320px;
	margin: 100px;*/
	background-color: #333333;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 4.2vw;
	font-weight: lighter;
	overflow-x: hidden;
}

a {
	text-decoration: none;
}

a:link {
	color: darkorange;
}

a:visited {
	color: darkorange;
}

a:hover {
	color: darkgray;
}

b {
	font-weight: 500;
}

button {
	background-color: transparent;
	border: 0px;
	text-align: center;
	width: 100%;
	height: 10vw;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 4.2vw;
}

input {
	background-color: transparent;
	border: 0px;
	text-align: center;
	width: 100%;
	height: 10vw;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 4.2vw;
}

.hide {
	/* display: none; */
}

form { background-color: white;
}

/* BODY ENDE */

/* KUNDEN ANFANG */

.kun_container {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	border-bottom: 1px;
	border-color: gray;
	padding: 2px 5px;
	background-color: white;
	color: black;
}

.kun_header {
	background-color: white;
	height: 25vw;
	padding-top: 15vw;
	padding-left: 4vw;
	font-size: 6vw;
	color: white;
	background-image: url("header.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	text-shadow: 0.5vw 0.5vw #000000;
}

.kun_cards {
	text-align: center;
}

.kun_10 {
	width: 10%;
	/* background-color: lightgray; */
}

.kun_10first {
	width: 10%;
	text-align: right;
	padding-right: 1%;
}

.kun_10line {
	width: 10%;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
}

.kun_70 {
	width: 70%;
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	/* background-color: yellow; */
}

.kun_90 {
	width: 85%;
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	/* background-color: yellow; */
}

.kun_20 {
	width: 20%;
	text-align: right;
	padding-right: 1%;
	font-size: 3.5vw;
}

.kun_10 {
	width: 10%;
	text-align: right;
	padding-right: 1%;
	font-size: 3vw;
}

.kun_80 {
	width: 80%;
	/* background-color: orange; */
}

.kun_100_group {
	width: 100%;
	font-size: 6vw;
}

.kun_100 {
	width: 100%;
	font-size: 3.0vw;
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	/* background-color: lightgray; */
}

.kun_70i {
	width: 70%;
	font-size: 2.5vw;
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
}

/* KUNDEN ENDE */

/* MAIN ANFANG */

#secondary {
	/*max-width: 990px;*/
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	-webkit-box-shadow: 10px 10px 30px black;
	        box-shadow: 10px 10px 30px black;
}

/* MAIN ENDE */