@import url(../fonts/gravag-font/css/gravag-font.css);
@import url(../fonts/font-awesome/css/font-awesome.min.css);
@import url(header.css);
@import url(footer.css);
@import url(content.css);
@import url(animate.css);
@import url(form.css);


/* ----- Typography ----- */

html, body {
	font-family: "Gravag Font", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5em;
}

@media (max-width: 1399px) {
	html, body {
		font-size: 14px;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Gravag Font", Helvetica, Arial, sans-serif;
	margin-top: -0.15em;
	margin-bottom: 20px;
	font-weight: 300;
	line-height: 1.2em;
}

h5, h6 {
	font-size: 1em;
	font-weight: 700;
}

h6 {
	margin-bottom: 0;
}

p {
	margin: 0 0 1.4em 0;
}

p:last-child {
	margin-bottom: 0;
}

strong, b {
	font-weight: 700;
}

hr {
	padding-top: 6px;
	margin-bottom: 20px;
	border-top-color: #eee;
}

.bg-bright hr,
.bg-primary hr,
.bg-complementary hr
.bg-dark hr {
	border-top-color: #fff;
}


ul {
	padding-left: 1em;
}

li {
	line-height: 1.5em;
}

figcaption {
	margin-top: 10px;
}

.lead {
	font-size: 1.25em;
	line-height: 1.5;
}

.nowrap {
	white-space: nowrap;
}

.btn {
	margin-top: 1em;
	padding: 1em;
	font-size: 1em;
	transition: all 0.3s ease-in-out;
}

.btn-primary:hover {
	color: #fff;
	background-color:  #de1511;
	border-color: #de1511;
}

.icon {
	height: 110px;
	margin-bottom: 0.6em
}
@media (max-width: 1399px) {
	.icon {
		height: 96px;
	}
}
.icon-small {
	height: 65px;
}
.icon-smaller-and-large-margin-bottom {
	height: 45px;
	margin-bottom: 1.8em;
}


.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.large-margin-bottom {
	margin-bottom: 1.5em;
}

.large-margin-top {
	margin-top: 4em;
}

@media (max-width: 959px) {
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 20px;
	}
	small, .lead {
		font-size: 16px;
	}
}

/* ----- Suptitle ----- */

small {
	display: block;
	margin-bottom: 0.4em;
	font-size: 0.45em !important;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	color: #333 !important;
}


/* ----- Menu ----- */

ul.menu {
	list-style: none;
	padding: 0;
}

ul.menu > li {
	padding-left: 15px;
	text-indent: -15px;
}

ul.menu > li > a:before {
	font-family: "FontAwesome";
	content: "\f105";
	padding-right: 8px;
}


/* ----- Invert Classes ----- */

.invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6, .invert p, .invert lead, .invert suptitle {
	color: #fff;
}

.invert a {
	color: #fff;
}

.invert a:hover {
	color: #de1511;
}

.invert .btn-primary {
	border: solid 1px #fff;
	background: none;
}

.invert .btn-primary:hover {
	background: #fff;
}


/* ----- Background Classes ----- */

.bg-primary {
	background-color: #de1511;
}

.bg-primary a:hover {
	color: #f2a1a0;
}

.bg-complementary {
	background-color: #7cb536;
}

.bg-dark {
	background-color: #555;
}

.bg-bright {
	background-color: #edf2f3;
}

.top-lined {
	border-top: solid 1px #ddd;
}


/* ----- Changed Bootstrap Classes ----- */

.container {
	position: relative;
	padding-top: 80px; /* Ursprung 50 */
	padding-bottom: 80px;
}

.row > div {
	margin-top: 20px;
	margin-bottom: 20px;
}

@media (min-width: 960px) and (max-width: 1399px) {
	.container,
	.container-fluid,
	.navbar-collapse,
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,
	.container .jumbotron,
	.container-fluid .jumbotron,
	.panel > .table caption,
	.panel > .table-responsive > .table caption,
	.panel > .panel-collapse > .table caption {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.container {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	
	.row > div {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.row,
	.form-horizontal .form-group,
	.form-horizontal .form-group,
	.navbar-form {
		margin-left: -15px;
		margin-right: -15px;
	}

}

@media (max-width: 959px) {
	.container,
	.container-fluid {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.row {
		margin-top: 0;
		margin-bottom: 35px;
	}

	.row:last-child {
		margin-bottom: 0;
	}

	.row > div {
		margin-top: 0;
		margin-bottom: 35px;
	}

	.row > div:last-child {
		margin-bottom: 0;
	}

	.navbar-collapse,
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,
	.container .jumbotron,
	.container-fluid .jumbotron,
	.panel > .table caption,
	.panel > .table-responsive > .table caption,
	.panel > .panel-collapse > .table caption {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.row,
	.form-horizontal .form-group,
	.form-horizontal .form-group,
	.navbar-form {
		margin-left: -10px;
		margin-right: -10px;
	}
}



/* ----- Special Padding-Top by Container ------ */

.container-small-padding-top {
	padding-top: 40px;
}

/* ----- Table  ----- */

.table {
	border-bottom: solid 1px #dddddd;
}

.table-responsive {
	border: none;
}

.table th {
	background-color: rgba(60,99,116,0.08);
	font-weight: 300;
}

.table td, .table th {
	line-height: 1.5em !important;
}



@media (min-width: 960px) {
	.text-2columns {
		column-count: 2;
		column-gap: 2.5em;
	}
}


/* ----- Text Columns ----- */

@media (min-width: 960px) {
	.text-2columns {
		column-count: 2;
		column-gap: 2.5em;
	}
	
	.text-3columns {
		column-count: 3;
		column-gap: 2.5em;
	}
}

/* ----- Font icons ----- */

.fa {
	padding-right: 8px;
}

/* Thermo */

.thermo .container {
	/*max-width:1440px;*/
	position: relative;
	padding: 0px;
}

.container-text {
	padding: 0px;
}