/*------------------------------------------- Allgemein */
		*{
			margin: 0; 
			padding: 0;
		}
		html {
			min-height: 100%;
			height: 100%;
		}
		body {
			background: url("/img/background.jpg") center center no-repeat;
			background-size: cover;
			background-color: #449197;
			background-attachment: fixed;
			font-family: 'Lato',Helvetica,Arial;
			color: white;
			position: relative;
			min-height: 100%;
			/*min-height: 650px;*/
		}
		h1 {
			margin-bottom: 28px;
		}
		h2 {
			margin-top: 25px;
			margin-bottom: 10px;
		}
		ul {
			margin-top: 10px;
			padding-left: 40px;
		}
		a:link,
		a:visited,
		a:hover,
		a:active {
			color: inherit;
			text-decoration: none;
		}
		.table {
			display: table;
		}
		.tablerow {
			display: table-row;
		}
		.tablecell {
			display: table-cell;
			vertical-align: middle;
		}

		.bgcolor {
			background-color: rgba(255, 0, 0, 0.5);
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			height: 100%;
			width: 100%;
			z-index: -1;
		}

/*------------------------------------------- Text */
		.text {
			font-size: 47px;
			letter-spacing: 7px;
			font-weight: 300;
		}
		.grossartig {
			font-size: 81px;
			font-weight: 900;
			letter-spacing: 4.5px;
		}
		.textblock {
			display: block;
			padding: 5% 0 4%;
			}
		.content {
			/*position: absolute;*/
			display: block;
			width: 100%;
			/*top: calc(50% - 350px);*/
			padding: 15px 0;
		}
		.tabletext {
			text-align: center;
		}
		
/*------------------------------------------- kontaktwrap */
.kontaktwrap {
	width: 100%;
	max-width: 888px;
	margin: 0 auto;
	text-align: center;
	color: #222;
}
.kontaktwrap .lauftext {
	text-align: left;
}
.kontaktwrap > .table {
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.98);
	padding: 30px 15px;
}
.kontaktwrap > .table > div > .tablecell {
	padding: 0 15px;
	
}
.kontaktwrap .logowrap img {
	width: 266px;
	height: auto;
}
.kontaktwrap .kontakt .openers {
	margin: 0 auto;
}
.kontaktwrap .kontakt .openers .padding-lr {
	padding: 0 4px 0 2px;
}
.kontaktwrap .kontakt p {
	padding-bottom: 10px;
}
.kontaktwrap .kontakt p.big {
	font-weight: 700;
}
.kontaktwrap .kontakt .links {
	margin: 0 auto;
}

.kontaktwrap .kontakt .links .icon {
	display: block;
	height: 20px;
	width: auto;
	padding-right: 5px;
}
.kontaktwrap .kontakt .links a {
	display: inline-block;
	margin-top: 20px;
	transition: all 500ms ease;
}
.kontaktwrap .kontakt .links a:hover {
	transform: scale(1.1);
}
/*------------------------------------------- Footer */
		footer {
			display: block;
			font-size: 12px;
			opacity: 0.8;
			width: 100%;
			padding: 25px 0 15px;
		}
		footer p {
			text-align: center;
		}
		footer a {
			text-decoration: none;
			color: rgba(215, 215, 215, 0.95);
		}
		footer a:hover {
			color: white;
		}
		footer span {
			padding: 6px;
		}

/*------------------------------------------- Media Queries */
@media (max-width: 990px) {
	.kontaktwrap .tablecell.logowrap img {
		width: 240px;
	}
	.kontaktwrap .tablecell.googlemapwrap {
		display: block;
		margin-top: 20px;
	}
	.kontaktwrap .tablecell.googlemapwrap iframe {
		width: 100%;
	}
	.kontaktwrap .lauftext {
		max-width: 828px;
	}
}
@media (max-width: 768px) {
    .text {
        font-size: 31px;
    }
    .grossartig {
	    font-size: 58px;
    }
}
@media (max-width: 550px) {	
	.kontaktwrap .tablecell.logowrap,
	.kontaktwrap .tablecell.kontakt,
	.kontaktwrap .tablecell.googlemapwrap {
		display: block;
	}
	.kontaktwrap .kontakt .big {
		padding-top: 10px;
	}
	.text {
        font-size: 16px;
    }
    .grossartig {
	    font-size: 35px;
    }
}