* {
	box-sizing: border-box;
}

body {
	font-family: sans-serif;
	color: black;
	margin-top: 145px;
	line-height:1.5;
	background-color:white;
}

@media (max-width: 550px) {
	body {margin-top:75px !important;}
}

@media (min-width: 1001px) {
	.col-lg-0 {width: 0%;}
	.col-lg-1 {width: 8.33%;}
	.col-lg-2 {width: 16.66%;}
	.col-lg-3 {width: 25%;}
	.col-lg-4 {width: 33.33%;}
	.col-lg-5 {width: 41.66%;}
	.col-lg-6 {width: 50%;}
	.col-lg-7 {width: 58.33%;}
	.col-lg-8 {width: 66.66%;}
	.col-lg-9 {width: 75%;}
	.col-lg-10 {width: 83.33%;}
	.col-lg-11 {width: 91.66%;}
	.col-lg-12 {width: 100%;}
}

@media (max-width: 1000px) {
	.col-md-0 {width: 0%;}
	.col-md-1 {width: 8.33%;}
	.col-md-2 {width: 16.66%;}
	.col-md-3 {width: 25%;}
	.col-md-4 {width: 33.33%;}
	.col-md-5 {width: 41.66%;}
	.col-md-6 {width: 50%;}
	.col-md-7 {width: 58.33%;}
	.col-md-8 {width: 66.66%;}
	.col-md-9 {width: 75%;}
	.col-md-10 {width: 83.33%;}
	.col-md-11 {width: 91.66%;}
	.col-md-12 {width: 100%;}
}

@media (max-width: 600px) {
	.col-sm-0 {width: 0%;}
	.col-sm-1 {width: 8.33%;}
	.col-sm-2 {width: 16.66%;}
	.col-sm-3 {width: 25%;}
	.col-sm-4 {width: 33.33%;}
	.col-sm-5 {width: 41.66%;}
	.col-sm-6 {width: 50%;}
	.col-sm-7 {width: 58.33%;}
	.col-sm-8 {width: 66.66%;}
	.col-sm-9 {width: 75%;}
	.col-sm-10 {width: 83.33%;}
	.col-sm-11 {width: 91.66%;}
	.col-sm-12 {width: 100%;}
}

[class*="col-"] {
	float:left;
	padding: 2px;
	left:0;
	/*border: 1px solid red;
	overflow:hidden;*/
}

.row::after {
	content: "";
	clear: both;
	display:table;
}

.header {
	position:fixed;
	z-index:500;
	margin:0;
	padding:0px;
	top:0;
	left:0;
	width:100%;
	/*height:75px;*/
	background-image: linear-gradient(120deg, #CCCCCC, #F2F2F2, #CCCCCC);
	font-size:50px;
	font-weight:bold;
	box-shadow:0px 0px 8px 0;
	/*border: 1px solid blue;*/
}

.function {
	text-decoration: none;
}

@media (max-width: 550px) {
	.header {
		font-size:30px !important;
	}
}
@media (max-width: 1000px) {
	.header_lg {display:none;}
}

h1 { font-size:36px }
h2 { font-size:30px }
h3 { font-size:24px }
h4 { font-size:20px }
h5 { font-size:18px }
h6 { font-size:16px }

h1,h2,h3,h4,h5,h6 {
	font-family:"Segoe UI",Arial,sans-serif;
	font-weight:700;
}

f1{ background-color: lightgreen }
f2{ background-color: lightpink }

.text-left { text-align:left }
.text-center { text-align: center }
.text-right { text-align:right }

.browser-error {
	text-align: center;
	font-size: 20px;
}

.button {
	border:none;
	display:inline-block;
	outline:0;
	padding:6px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none !important;
	text-align:center;
	transition:.2s ease-out;
	cursor:pointer;
	white-space:nowrap;
	font-size:20px;
	border-radius:5px;
}

.btn-blue { color:#fff !important; background-color:#2196F3 !important }
.btn-green { color:#fff; background-color:#4CAF50 }
.btn-red { color:#fff !important; background-color:#FF0000 !important }
.btn-orange { color:#fff !important; background-color:#FFA500 !important }
.btn-dark-red { color:#fff !important; background-color:#CD0000 !important }

.button:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}

.btn-disabled {
	background-color: #A1A1A1;
	cursor:default;
}

.btn-disabled:hover {
	box-shadow:none;
}

.btn-wech {
	background:transparent;
	border:none !important;
	cursor:pointer;
	font-size:1vw;
	outline:none;
}

.clickable {
	cursor:pointer !important;
}
clickable:hover {
	/*text-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)*/
}

.wrapper {
	margin-top:10px;
	padding:10px;
	border:1px solid grey;
	border-radius:20px;
	box-shadow:0px 0px 10px #646464;
}

.center {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media (max-width: 1000px) {
	.platzhalter-lg {display:none;}
}

.srd { border-radius: 5px }
.brd { border-radius: 10px }

.tl-srd { border-top-left-radius: 5px }
.tr-srd { border-top-right-radius: 5px }
.bl-srd { border-bottom-left-radius: 5px }
.br-srd { border-bottom-right-radius: 5px }

.tl-brd { border-top-left-radius: 10px }
.tr-brd { border-top-right-radius: 10px }
.bl-brd { border-bottom-left-radius: 10px }
.br-brd { border-bottom-right-radius: 10px }