/*
Füge deinen eigenen CSS-Code nach diesem Kommentar hinter dem abschließenden Schrägstrich ein. 

Klicke auf das Hilfe-Symbol oben, um mehr zu erfahren.
*/

body {
	overflow-x: hidden;
}
/* Removed Box-Layout */
#page {
	max-width: none;
	margin: 0;
	padding: 0;
}
#content {
	padding: 0;
}
/* Removed unnecessary header */
.entry-header {
	display: none;
}
#main-div h1 {
	font-size: 450%;
}
/* Readding Padding for Contents */
#content-div {
	padding: 0 0 40px 30px;
}
.mail-link {
	color: white;
}
.mail-link:hover {
	color: white;
	text-decoration: underline;
}
#contact-banner-div {
	position: relative;
}

/* Remove Footer Branding */
.site-info {
	display: none;
}
/* Adding Margin to Widget-4 Icons */
#widget-area-4 p {
	margin-left: 40px;
}
#widget-area-4 .icon-span {
	position: relative;
	margin-left: -40px;
	margin-right: 10px;
	top: 5px;
	color: rgb(234, 213, 61);
}
#widget-area-4 .textwidget p:nth-child(1) .icon-span {
	margin-left: -36px;
	margin-right: 14px;
}

#tertiary {
	background: #434343;
	color: white;
	overflow: hidden;
	border-top: none;
}
#tertiary .widget-title {
	color: white;
}
#tertiary a {
	color: white;
}
#colophon {
	padding: 0;
}
#site-navigation #top-menu li a {
	color: rgb(0, 98, 114);
	opacity: 0.6;
}
#site-navigation #top-menu li a:hover {
	opacity: 1;
}
.main-navigationx li.current_page_item > a, .main-navigation li.current-menu-item > a, .main-navigation li.current_page_ancestor > a, .main-navigation li.current-menu-ancestor > a {
	opacity: 1 !important;
}
#site-navigation #top-menu li:before {
	color: rgba(234, 213, 61, 1);
}
#primary button {
	background-color: rgb(0, 98, 114);
}
#primary button:hover {
	background-color: #00363f;
	opacity: 1;
}
#page button:focus {
	outline: none;
}
* {
	  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
#main-div h3 {
	font-size: 26px;
}
.page-header-div {
	margin-top: 109px;
	height: 60px;
	width: 100vw;
	position: absolute;
	left: 0;
	background-color: rgb(0, 98, 114);
	line-height: 60px;
	color: white;
	font-size: 23px;
}
.page-contents-div {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 200px;
	padding: 0 0 40px 30px;
}
.page-contents-div h2 {
	display: inline-block;
}
.content-wrapper, .no-sidebar.page .content-wrapper.without-featured-image, .no-sidebar.post-type-archive-jetpack-testimonial .content-wrapper.without-featured-image {
	padding: 0;
}
#contact-banner-img.margin-top {
	margin-top: 40px;
}
#site-navigation {
	padding-right: 0;
}
.icon-span i:before {
	font-size: 32px;
}
#contact-left .icon-span:nth-child(6) {
	margin-left: -36px;
}
.page-header-text-div {
	text-transform: uppercase;
}
#content-div h2 {
	font-size: 24px;
	text-transform: uppercase;
}
#main-div {
	text-transform: uppercase;
}
#contact-left .icon-span {
	margin-right: 10px;
  position: relative;
  top: 4px;
	color: rgb(234, 213, 61);
}
#contact-left p:nth-child(3) {
	display: inline-block;
	margin-bottom: 0;
}
#contact-left p:nth-child(3) .icon-span {
	top: -25px;
	left: 4px;
}
#contact-rows {
	display: inline-block;
	margin-left: 9px;
}
input[type="submit"] {
	background-color: rgb(0, 98, 114);
}
input[type="submit"]:hover {
	background-color: #00363f;
	opacity: 1;
}
#footer-container .widget-area aside .widget-title {
	text-align: left;
}
#footer-container .widget-area aside .widget-title:before, #footer-container .widget-area aside .widget-title:after {
	content: "";
}
#menu-footer-menue li:nth-child(1) {
	border-top: none;
}
.page-contents-div h2 {
	text-transform: uppercase;
	font-size: 23px;
}
#contact-image-div {
    width: 100vw;
    height: 400px;
	margin-bottom: -1px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 70%;
}
.contact-main-headline {
	text-transform: uppercase;
}
.entry-content {
	margin-bottom: 0;
}
.entry-footer, .featured-page-area {
	padding: 0;
}
.widget-title {
	text-transform: uppercase;
}
#black-studio-tinymce-3 p:nth-child(4) {
	position: relative;
	top: 6px;
}

@media (min-width: 768px) {
/* Nav & Header Adjustments */
.site-branding {
	padding: 0;
	position: relative;
}
#content-div {
 	margin-left: auto;
  max-width: 1180px;
  margin-right: auto;
}	
#site-navigation {
	background-color: white;
	min-height: 80px;
}
#top-menu {
	text-align: right;
	line-height: 35px;
}
#top-menu li a {
	color: #15b6b8;
}
#masthead {
	position: fixed;
	z-index: 10;
	width: 100vw;
	background-color: white;
	border-bottom: 2px solid rgba(0, 0, 0, 0.03);
}
.main-navigation {
	border-bottom: none;
}
#header-container, #footer-container, .page-header-text-div {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}
.custom-logo {
	position: absolute;
	left: 10px;
	max-height: 80px;
	margin-top: -10px;
}
/* Centering Main-Div */
#main-div {
	position: absolute;
	top: 37.5%;
	left: 50%;
	transform: translate(-50%, -100%);
	text-align: center;
	color: white;
	white-space: nowrap;
}
#content-div {
	margin-bottom: 100px;
}

/* Removed Padding */
#primary {
	padding: 0;
	max-width: none;
}

/* Adjusting Main-Img Size */
#main-img {
	margin: 0;
	width: 100vw;
	height: 100vh;
}
.entry-content {
	position: relative;
}

/* Fix for Anchor-Scroll */
#das-machen-wir {
	position: absolute;
	top: calc(100vh - 80px);
}


/* Contact Banner */

#contact-banner-img {
	width: 100vw;
	height: 400px;
	margin-bottom: -1px;
}
#contact-banner-text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 30px;
	text-align: center;
	white-space: nowrap;
}
#contact-banner-div > p {
	margin-bottom: 0;
}

/* Remove unnecessary Padding */
.entry-footer {
	padding: 0;
}
#quaternary {
	padding-bottom: 0;
}
.page-header-text-div {
	padding-left: 20px;
}
#contact-right {
	float: right;
	width: 50%;
}
input[type="text"], input[type="email"], textarea {
	width: 100%;
}
input[type="submit"] {
	float: right;
}
#contact-left {
	float: left;
	width: 50%;
}
iframe {
	max-width: 90%;
}
.contact-main-headline {
	font-size: 48px;
}
#contact-banner-text p {
	font-size: 24px
}

}

@media (max-width: 767px) {
	#main-img {
		margin: 0;
		width: 100vw;
		height: calc(100vh - 250px);
		min-height: 420px;
	}
	#main-div {
		position: absolute;
		top: 20%;
		left: 50%;
		transform: translate(-50%, -65%);
		text-align: center;
		color: white;
		white-space: normal;
	}
	#main-div h1 {
		font-size: 350%;
	}
	#main-div h3 {
		font-size: 20px;
	}
	#content-div h2 img {
		margin-bottom: 20px;
	}
	#contact-banner-text {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			color: white;
			text-align: center;
			white-space: normal;
			font-size: 20px;
			width: 100vw;
	}
	#contact-banner-text p a br:nth-child(1) {
		display: none;
	}
	.contact-main-headline {
		font-size: 28px;
	}
	#contact-banner-img {
		width: 100vw;
		height: 200px;
	}
	#tertiary {
		padding: 3.2em;
	}
	.page-header-div {
		margin-top: 0;
		padding-left: 30px;
	}
	.page-contents-div {
		margin-top: 60px;
		padding: 3.2em 55px;
	}
	.page-contents-div img {
		display: block;
    float: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 0 10px;
	}
	iframe {
		width: 100%;
	}
	input[type="text"], input[type="email"], textarea {
		width: 100%;
	}
	#site-navigation #top-menu li a {
		color: white;
	}
}

/* Fix for too big Nav Bar */
@media (min-width: 768px) and (max-width: 886px) {
	#site-navigation {
		max-width: 80%;
		float: right;
		text-align: center;
	}
	#top-menu {
		text-align: center;
	}
	.page-header-div {
		margin-top: 147px;
	}
	.page-contents-div {
		margin-top: 250px;
	}
	#das-machen-wir {
		top: calc(100vh - 150px);
	}
}