﻿/*
Gerüst
*/
.container {
	width: 100%;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 80px;
	padding-left: 20px;
	margin-right: auto; /* auto */
	margin-left: auto; /* auto */
}
@media (min-width: 760px) {
}
@media (min-width: 1020px) {
	.container {
		padding-top: 150px;
		padding-right: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
	}
}
@media (min-width: 1220px) {
}

.row {
	margin-right: -10px;
	margin-left: -10px;
}

/* Extra-kleine Geräte (Smartphones, weniger als 760px) */
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10,
.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-landscape-1, .col-xs-landscape-2, .col-xs-landscape-3, .col-xs-landscape-4, .col-xs-landscape-5, .col-xs-landscape-6, .col-xs-landscape-7, .col-xs-landscape-8, .col-xs-landscape-9, .col-xs-landscape-10,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10 {
	float: left;
	position: relative;
	min-height: 1px; /* 1px */
	padding-right: 10px; /* 10px */
	padding-left: 10px; /* 10px */
}

.col-xs-10 {
	width: 100%;
}
.col-xs-9 {
	width: 90%;
}
.col-xs-8 {
	width: 80%;
}
.col-xs-7 {
	width: 70%;
}
.col-xs-6 {
	width: 60%;
}
.col-xs-5 {
	width: 50%;
}
.col-xs-4 {
	width: 40%;
}
.col-xs-3 {
	width: 30%;
}
.col-xs-2 {
	width: 20%;
}
.col-xs-1 {
	width: 10%;
}
.col-xs-offset-10 {
	margin-left: 100%;
}
.col-xs-offset-9 {
	margin-left: 90%;
}
.col-xs-offset-8 {
	margin-left: 80%;
}
.col-xs-offset-7 {
	margin-left: 70%;
}
.col-xs-offset-6 {
	margin-left: 60%;
}
.col-xs-offset-5 {
	margin-left: 50%;
}
.col-xs-offset-4 {
	margin-left: 40%;
}
.col-xs-offset-3 {
	margin-left: 30%;
}
.col-xs-offset-2 {
	margin-left: 20%;
}
.col-xs-offset-1 {
	margin-left: 10%;
}
.col-xs-offset-0 {
	margin-left: 0;
}

/* Abstände */
.col-xs-abstand-top {
	margin-top: 33px;
}
/* Smartphones Klein */
@media (max-width: 479px) {
	/* Raster */
	.col-xxs-10 {
		width: 100%;
	}
	.col-xxs-9 {
		width: 90%;
	}
	.col-xxs-8 {
		width: 80%;
	}
	.col-xxs-7 {
		width: 70%;
	}
	.col-xxs-6 {
		width: 60%;
	}
	.col-xxs-5 {
		width: 50%;
	}
	.col-xxs-4 {
		width: 40%;
	}
	.col-xxs-3 {
		width: 30%;
	}
	.col-xxs-2 {
		width: 20%;
	}
	.col-xxs-1 {
		width: 10%;
	}
	.col-xxs-offset-10 {
		margin-left: 100%;
	}
	.col-xxs-offset-9 {
		margin-left: 90%;
	}
	.col-xs-offset-8 {
		margin-left: 80%;
	}
	.col-xxs-offset-7 {
		margin-left: 70%;
	}
	.col-xxs-offset-6 {
		margin-left: 60%;
	}
	.col-xxs-offset-5 {
		margin-left: 50%;
	}
	.col-xxs-offset-4 {
		margin-left: 40%;
	}
	.col-xxs-offset-3 {
		margin-left: 30%;
	}
	.col-xxs-offset-2 {
		margin-left: 20%;
	}
	.col-xxs-offset-1 {
		margin-left: 10%;
	}
	.col-xxs-offset-0 {
		margin-left: 0;
	}
}
/* Smartphones Quer */
@media (min-width: 480px) and (max-width: 759px) {
	/* Abstände löschen */
	/* Abstände */
	
	/* Raster */
	.col-xs-landscape-10 {
		width: 100%;
	}
	.col-xs-landscape-9 {
		width: 90%;
	}
	.col-xs-landscape-8 {
		width: 80%;
	}
	.col-xs-landscape-7 {
		width: 70%;
	}
	.col-xs-landscape-6 {
		width: 60%;
	}
	.col-xs-landscape-5 {
		width: 50%;
	}
	.col-xs-4-landscape {
		width: 40%;
	}
	.col-xs-landscape-3 {
		width: 30%;
	}
	.col-xs-landscape-2 {
		width: 20%;
	}
	.col-xs-landscape-1 {
		width: 10%;
	}
	.col-xs-landscape-offset-10 {
		margin-left: 100%;
	}
	.col-xs-landscape-offset-9 {
		margin-left: 90%;
	}
	.col-xs-landscape-offset-8 {
		margin-left: 80%;
	}
	.col-xs-landscape-offset-7 {
		margin-left: 70%;
	}
	.col-xs-landscape-offset-6 {
		margin-left: 60%;
	}
	.col-xs-landscape-offset-5 {
		margin-left: 50%;
	}
	.col-xs-landscape-offset-4 {
		margin-left: 40%;
	}
	.col-xs-landscape-offset-3 {
		margin-left: 30%;
	}
	.col-xs-landscape-offset-2 {
		margin-left: 20%;
	}
	.col-xs-landscape-offset-1 {
		margin-left: 10%;
	}
	.col-xs-landscape-offset-0 {
		margin-left: 0;
	}
}
/* Kleine Geräte (Tablets, 760px und breiter) */
@media (min-width: 760px) {
	/* Abstände löschen */
	.col-xs-abstand-top {
		margin-top: 0;
	}
	/* Abstände */
	.col-sm-abstand-top {
		margin-top: 33px;
	}
	
	/* Raster */
	.col-sm-10 {
		width: 100%;
	}
	.col-sm-9 {
		width: 90%;
	}
	.col-sm-8 {
		width: 80%;
	}
	.col-sm-7 {
		width: 70%;
	}
	.col-sm-6 {
		width: 60%;
	}
	.col-sm-5 {
		width: 50%;
	}
	.col-sm-4 {
		width: 40%;
	}
	.col-sm-3 {
		width: 30%;
	}
	.col-sm-2 {
		width: 20%;
	}
	.col-sm-1 {
		width: 10%;
	}
	.col-sm-pull-10 {
		right: 100%;
	}
	.col-sm-pull-9 {
		right: 90%;
	}
	.col-sm-pull-8 {
		right: 80%;
	}
	.col-sm-pull-7 {
		right: 70%;
	}
	.col-sm-pull-6 {
		right: 60%;
	}
	.col-sm-pull-5 {
		right: 50%;
	}
	.col-sm-pull-4 {
		right: 40%;
	}
	.col-sm-pull-3 {
		right: 30%;
	}
	.col-sm-pull-2 {
		right: 20%;
	}
	.col-sm-pull-1 {
		right: 10%;
	}
	.col-sm-pull-0 {
		right: auto;
	}
	.col-sm-push-10 {
		left: 100%;
	}
	.col-sm-push-9 {
		left: 90%;
	}
	.col-sm-push-8 {
		left: 80%;
	}
	.col-sm-push-7 {
		left: 70%;
	}
	.col-sm-push-6 {
		left: 60%;
	}
	.col-sm-push-5 {
		left: 50%;
	}
	.col-sm-push-4 {
		left: 40%;
	}
	.col-sm-push-3 {
		left: 30%;
	}
	.col-sm-push-2 {
		left: 20%;
	}
	.col-sm-push-1 {
		left: 10%;
	}
	.col-sm-push-0 {
		left: auto;
	}
	.col-sm-offset-10 {
		margin-left: 100%;
	}
	.col-sm-offset-9 {
		margin-left: 90%;
	}
	.col-sm-offset-8 {
		margin-left: 80%;
	}
	.col-sm-offset-7 {
		margin-left: 70%;
	}
	.col-sm-offset-6 {
		margin-left: 60%;
	}
	.col-sm-offset-5 {
		margin-left: 50%;
	}
	.col-sm-offset-4 {
		margin-left: 40%;
	}
	.col-sm-offset-3 {
		margin-left: 30%;
	}
	.col-sm-offset-2 {
		margin-left: 20%;
	}
	.col-sm-offset-1 {
		margin-left: 10%;
	}
	.col-sm-offset-0 {
		margin-left: 0;
	}
}
/* Mittlere Geräte (Desktop-PCs, 980px und breiter) */
@media (min-width: 1020px) {
	/* Abstände löschen */
	.col-sm-abstand-top {
		margin-top: 0;
	}
	
	/* Abstände */
	
	/* Raster */
	.col-md-10 {
		width: 100%;
	}
	.col-md-9 {
		width: 90%;
	}
	.col-md-8 {
		width: 80%;
	}
	.col-md-7 {
		width: 70%;
	}
	.col-md-6 {
		width: 60%;
	}
	.col-md-5 {
		width: 50%;
	}
	.col-md-4 {
		width: 40%;
	}
	.col-md-3 {
		width: 30%;
	}
	.col-md-2 {
		width: 20%;
	}
	.col-md-1 {
		width: 10%;
	}
	.col-md-pull-10 {
		right: 100%;
	}
	.col-md-pull-9 {
		right: 90%;
	}
	.col-md-pull-8 {
		right: 80%;
	}
	.col-md-pull-7 {
		right: 70%;
	}
	.col-md-pull-6 {
		right: 60%;
	}
	.col-md-pull-5 {
		right: 50%;
	}
	.col-md-pull-4 {
		right: 40%;
	}
	.col-md-pull-3 {
		right: 30%;
	}
	.col-md-pull-2 {
		right: 20%;
	}
	.col-md-pull-1 {
		right: 10%;
	}
	.col-md-pull-0 {
		right: auto;
	}
	.col-md-push-10 {
		left: 100%;
	}
	.col-md-push-9 {
		left: 90%;
	}
	.col-md-push-8 {
		left: 80%;
	}
	.col-md-push-7 {
		left: 70%;
	}
	.col-md-push-6 {
		left: 60%;
	}
	.col-md-push-5 {
		left: 50%;
	}
	.col-md-push-4 {
		left: 40%;
	}
	.col-md-push-3 {
		left: 30%;
	}
	.col-md-push-2 {
		left: 20%;
	}
	.col-md-push-1 {
		left: 10%;
	}
	.col-md-push-0 {
		left: auto;
	}
	.col-md-offset-10 {
		margin-left: 100%;
	}
	.col-md-offset-9 {
		margin-left: 90%;
	}
	.col-md-offset-8 {
		margin-left: 80%;
	}
	.col-md-offset-7 {
		margin-left: 70%;
	}
	.col-md-offset-6 {
		margin-left: 60%;
	}
	.col-md-offset-5 {
		margin-left: 50%;
	}
	.col-md-offset-4 {
		margin-left: 40%;
	}
	.col-md-offset-3 {
		margin-left: 30%;
	}
	.col-md-offset-2 {
		margin-left: 20%;
	}
	.col-md-offset-1 {
		margin-left: 10%;
	}
	.col-md-offset-0 {
		margin-left: 0;
	}
}
/* Grosse Geräte (Desktop-PCs, 1220px und breiter) */
@media (min-width: 1220px) {
	/* Abstände löschen */
	/* Abstände */
	
	/* Raster */
	.col-lg-10 {
		width: 100%;
	}
	.col-lg-9 {
		width: 90%;
	}
	.col-lg-8 {
		width: 80%;
	}
	.col-lg-7 {
		width: 70%;
	}
	.col-lg-6 {
		width: 60%;
	}
	.col-lg-5 {
		width: 50%;
	}
	.col-lg-4 {
		width: 40%;
	}
	.col-lg-3 {
		width: 30%;
	}
	.col-lg-2 {
		width: 20%;
	}
	.col-lg-1 {
		width: 10%;
	}
	.col-lg-pull-10 {
		right: 100%;
	}
	.col-lg-pull-9 {
		right: 90%;
	}
	.col-lg-pull-8 {
		right: 80%;
	}
	.col-lg-pull-7 {
		right: 70%;
	}
	.col-lg-pull-6 {
		right: 60%;
	}
	.col-lg-pull-5 {
		right: 50%;
	}
	.col-lg-pull-4 {
		right: 40%;
	}
	.col-lg-pull-3 {
		right: 30%;
	}
	.col-lg-pull-2 {
		right: 20%;
	}
	.col-lg-pull-1 {
		right: 10%;
	}
	.col-lg-pull-0 {
		right: auto;
	}
	.col-lg-push-10 {
		left: 100%;
	}
	.col-lg-push-9 {
		left: 90%;
	}
	.col-lg-push-8 {
		left: 80%;
	}
	.col-lg-push-7 {
		left: 70%;
	}
	.col-lg-push-6 {
		left: 60%;
	}
	.col-lg-push-5 {
		left: 50%;
	}
	.col-lg-push-4 {
		left: 40%;
	}
	.col-lg-push-3 {
		left: 30%;
	}
	.col-lg-push-2 {
		left: 20%;
	}
	.col-lg-push-1 {
		left: 10%;
	}
	.col-lg-push-0 {
		left: auto;
	}
	.col-lg-offset-10 {
		margin-left: 100%;
	}
	.col-lg-offset-9 {
		margin-left: 90%;
	}
	.col-lg-offset-8 {
		margin-left: 80%;
	}
	.col-lg-offset-7 {
		margin-left: 70%;
	}
	.col-lg-offset-6 {
		margin-left: 60%;
	}
	.col-lg-offset-5 {
		margin-left: 50%;
	}
	.col-lg-offset-4 {
		margin-left: 40%;
	}
	.col-lg-offset-3 {
		margin-left: 30%;
	}
	.col-lg-offset-2 {
		margin-left: 20%;
	}
	.col-lg-offset-1 {
		margin-left: 10%;
	}
	.col-lg-offset-0 {
		margin-left: 0;
	}
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
	display: table;
	content: " ";
}
.clearfix:after,
.container:after,
.row:after {
	clear: both;
}
.hide {
	display: none !important;
}
.show {
	display: block !important;
}
.invisible {
	visibility: hidden;
}

.visible-xxs,
.visible-xs,
.visible-xs-landscape,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-xs-landscape-block,
.visible-xs-landscape-inline,
.visible-xs-landscape-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 479px) {
	.visible-xxs {
		display: block !important;
	}
	.visible-xxs-block {
		display: block !important;
	}
	.visible-xxs-inline {
		display: inline !important;
	}
	.visible-xxs-inline-block {
		display: inline-block !important;
	}
}
@media (min-width: 480px) and (max-width: 759px) {
	.visible-xs-landscape {
		display: block !important;
	}
	.visible-xs-landscape-block {
		display: block !important;
	}
	.visible-xs-landscape-inline {
		display: inline !important;
	}
	.visible-xs-landscape-inline-block {
		display: inline-block !important;
	}
}
@media (max-width: 759px) {
	.visible-xs {
		display: block !important;
	}
	.visible-xs-block {
		display: block !important;
	}
	.visible-xs-inline {
		display: inline !important;
	}
	.visible-xs-inline-block {
		display: inline-block !important;
	}
}
@media (min-width: 760px) and (max-width: 1019px) {
	.visible-sm {
		display: block !important;
	}
	.visible-sm-block {
		display: block !important;
	}
	.visible-sm-inline {
		display: inline !important;
	}
	.visible-sm-inline-block {
		display: inline-block !important;
	}
}
@media (min-width: 1020px) and (max-width: 1219px) {
	.visible-md {
		display: block !important;
	}
	.visible-md-block {
		display: block !important;
	}
	.visible-md-inline {
		display: inline !important;
	}
	.visible-md-inline-block {
		display: inline-block !important;
	}
}
@media (min-width: 1220px) {
	.visible-lg {
		display: block !important;
	}
	.visible-lg-block {
		display: block !important;
	}
	.visible-lg-inline {
		display: inline !important;
	}
	.visible-lg-inline-block {
		display: inline-block !important;
	}
}
@media (max-width: 479px) {
	.hidden-xxs {
		display: none !important;
	}
}
@media (min-width: 480px) and (max-width: 759px) {
	.hidden-xs-landscape {
		display: none !important;
	}
}
@media (max-width: 759px) {
	.hidden-xs {
		display: none !important;
	}
}
@media (min-width: 760px) and (max-width: 1019px) {
	.hidden-sm {
		display: none !important;
	}
}
@media (min-width: 1020px) and (max-width: 1219px) {
	.hidden-md {
		display: none !important;
	}
}
@media (min-width: 1220px) {
	.hidden-lg {
		display: none !important;
	}
}


/* Floats aufheben */
.clear__both,
.clear__left,
.clear__right {
	clear: both;
	height: 1px;
}
.clear__left {
	clear: left;
}
.clear__right {
	clear: right;
}
/* Row-/Col-Definitionen vernichten */
.col-abstand {
	margin: 0;
}
.row-nomargin {
	margin-left: 0;
	margin-right: 0;
}
.col-nopadding {
	padding-left: 0;
	padding-right: 0;
}
@media (max-width: 759px) {
	.row-nomargin-xs {
		margin-right: 0;
		margin-left: 0;
	}
	.col-nopadding-xs {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (max-width: 479px) {
	.row-nomargin-xxs {
		margin-right: 0;
		margin-left: 0;
	}
	.col-nopadding-xxs {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (min-width: 480px) and (max-width: 759px) {
	.row-nomargin-xs-landscape {
		margin-right: 0;
		margin-left: 0;
	}
	.col-nopadding-xs-landscape {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (min-width: 760px) and (max-width: 1019px) {
	.row-nomargin-sm {
		margin-right: 0;
		margin-left: 0;
	}
	.col-nopadding-sm {
		padding-right: 0;
		padding-left: 0;
	}
}


/* Text-Ausrichtungen */
.text-left,
.text-left-xs {
	text-align: left;
}
.text-center,
.text-center-xs {
	text-align: center;
}
.text-right,
.text-right-xs {
	text-align: right;
}
@media (min-width: 760px) {
	.text-left-sm {
		text-align: left;
	}
	.text-center-sm {
		text-align: center;
	}
	.text-right-sm {
		text-align: right;
	}
}
@media (min-width: 1020px) {
	.text-left-md {
		text-align: left;
	}
	.text-center-md {
		text-align: center;
	}
	.text-right-md {
		text-align: right;
	}
}
@media (min-width: 1220px) {
	.text-left-lg {
		text-align: left;
	}
	.text-center-lg {
		text-align: center;
	}
	.text-right-lg {
		text-align: right;
	}
}
.text-center-delete {
	text-align: left;
}
.text-right-delete {
	text-align: left;
}