body {
    font-family: 'Ubuntu', sans-serif;
	font-size:10pt;
	overflow-x:hidden;
}

h2{
	text-transform:uppercase;
	font-size:14pt;
	line-height:25.38pt;
}

textarea {
    resize: vertical;
}

#get {
    background: url(https://http-get.de/get.gif) no-repeat;
}

.border-yellow{
	width:100%;
	background-color:#ffce17; /* rgb(255,206,23) */
	height:12px;
}

.myTable{
	display:table;
}
.myRow{
	display:table-row;
}
.myCell{
	display:table-cell;
}
.form-group{
	margin-bottom:.5rem;
}
.form-control{
	border-radius:0;
}

.content-main {
    min-height: 700px;
}

.footer-main {
    padding-top: 4rem;
    background-color: #3d3d3d;
	color:white;
	width:100%;
}

/* Google Maps on contact page */
.map {
    width: 100%;
    position: relative;
    height: 300px;
}

.map:before, .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map:before {
    content: '';
    z-index: 1;
}

.map iframe {
    border: none;
}

.map.active {
    z-index: 1
}

.map.active:before {
    z-index: 0
}

.wpt img {
    max-width: 100px;
}

.powered-by {
    font-size: 14px;
    font-weight: 500;
}

.powered-by small {
    font-size: 10px;
}

.wpt-adress {
    font-size: 12px;
}

/*Mobile Ansicht*/

/********************/
/*****Navigation*****/
/********************/
.menu{
	display:none;
}
.navigation{
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	flex-direction:row;
	position:absolute;
	top:0;
	z-index:999;
	width:100%;
}
.navigation-logo{
	padding-top:2.67%;
	padding-left:2.67%;
}
.navigation-logo img{
	width:45.87%;
	height:auto;
}
#hamburger{
	width: 13.867%;
	border:none;
	background-color:#ffce17; /* rgb(255,206,23) */
	cursor:pointer;
	position:fixed;
	top:0;
	right:2.67%;
	padding-left:2px;
	padding-right:2px;
}
.bar1,.bar2,.bar3{
	width: 60%;
	height: 5px;
	background-color: white;
	margin: 6px auto;
	transition: 0.4s;
}
.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
}
.mobile-menu{
	position:fixed;
	width:0px;
	top:0;
	right:0;
	z-index:1;
	background-color: rgba(61,93,168,.8);
	transition:.5s;
}
.content{
	height:100vh;
	width:100vw;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.content a{
	display:block;
	color:white;
	padding:5px 10px;
	font-size:1.2rem;
}
.content a:hover{
	color:#3d3d3d;
	background-color:#ffce17; /* rgb(255,206,23) */
	transition:.5s;
	text-decoration:none;
}
/*********************/
/***navigation ende***/
/*********************/

/****************/
/*****HEADER*****/
/****************/
#header-img{
	position:relative;
	background-color: rgb(61,93,168);
}
#header-img img{
	width:100%;
	height:auto;
	max-width:289px;
}
#header-img:after{
	content:"";
	display:block;
	width:100%;
	height:12px;
	background-color:#ffce17; /* rgb(255,206,23) */;
}
.header-overlay-text{
	position:absolute;
	bottom:19.6%;
	width:100%;
}
.header-overlay-text p{
	font-family:'Ubuntu',sans-serif;
	font-weight:300;
	font-size:15.94px;
	text-transform:uppercase;
	color:white;
	margin:0;
	width:100%;
	line-height:18.59px;
}
.header-overlay-text p:before{
	content:"";
	display:inline-block;
	height:12px;
	width:9.3%;
	background-color:transparent;
	margin-right:1.3%;
}
.header-overlay-text p:first-child:before{
	background-color:#ffce17; /* rgb(255,206,23) */
}
#block-container{
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	width:100%;
	margin-top:-29px;
	justify-content:space-between;
}
.block-small{
	-ms-flex:0 0 8.267%;
	-webkit-flex:0 0 8.267%;
	flex:0 0 8.267%;
	max-width:8.267%;
	z-index:1;
}
.block-medium{
	-ms-flex:0 0 21.867%;
	-webkit-flex:0 0 21.867%;
	flex:0 0 21.867%;
	max-width:21.867%;
	z-index:1;
}
.block-large{
	-ms-flex:0 0 38.0859375%%;
	-webkit-flex:0 0 38.0859375%%;
	flex:0 0 38.0859375%%;
	max-width:38.0859375%;
	z-index:1;
}
.block-small:after,
.block-medium:after,
.block-large:after{
	content:"";
	display:block;
	padding-bottom:85%;
}
#block1,#block2,#block3,#block4,#block5,#block6{
	position:relative;
}
#block1,#block3,#block6{
	background-color:#ffe276; /* rgb(255,226,118) */
}
#block2{
	display:none;
	background-color:#ffce17; /* rgb(255,206,23) */
}
#block3{
	display:block;
}
#block4{
	background-color:#3d3d3d; /* rgb(61,61,61) */
}
#block5{
	background-color:#666666; /* rgb(121,121,121) */
}
#block6{
	display:block;
	width:16.267%;
}
.block-inhalt{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:80%;
	height:auto;
	text-align:center;
}
.block-inhalt p{
	font-size:6pt;
	margin-top:5px;
	margin-bottom:0;
	line-height:6pt;
	color:white;
}
.block-inhalt img{
	width:60%;
	height:auto;
}
/*****************/
/***HEADER ENDE***/
/*****************/

/*****************/
/*****CONTENT*****/
/*****************/
.flex-container-1, .flex-container-2, .flex-container-3{
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	width:100%;
}
.flex-container-1,.flex-container-3{
	flex-direction:column;
	margin-top:2rem;
}
.flex-container-1 h2:before,.flex-container-3 h2:before{
	content:"";
	display:inline-block;
	height:12px;
	width:9.3%;
	background-color:#ffce17;
	margin-right:1.3%;
}
.flex-container-1 p,.flex-container-3 p{
	padding-left:10.67%;
	padding-right:10.67%;
}
.box-rechts{
	position:relative;
	width:100%;
	max-width:768px;
	background-image:url("/images/fotolia_141784805.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-position: top left;
	border-bottom:12px solid #ffce17;
}
.box-rechts:after{
	content:"";
	display:block;
	padding-bottom:50%;
}
.box-rechts i{
	position:absolute;
	bottom:50%;
	right:50%;
	transform:translate(50%,50%);
	color:white;
}
.test{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:white;
	width:100%;
}
.test i{
	position:relative;
	top:0;
	left:0;
	transform:translate(0%,0%);
	color:#ffce17;
}
.overlay-yellow,.overlay-black{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.overlay-yellow{
	background-color: rgba(255,206,23,.6);
}
.overlay-black{
	background-color:rgba(61,61,61,.8);
}
.mobile{
	width:100%;
	height:auto;
	background-color:#3d3d3d;
}
.anfrage-btn{
	display:block;
	width:100%;
	text-align:center;
	color:white;
	font-size:12pt;
	line-height:16pt;
	padding:10px;
}

/**********************/
/*****CONTENT ENDE*****/
/**********************/

/****************/
/*****FOOTER*****/
/****************/
.footer-flex-container{
	padding:0 9.3%;
}
.formular,.karte{
	display:none;
}
.footer-flex4{
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	width:100%;
	justify-content:space-between;
}
.footer-flex4 a{
	color:#fff;
}
.footer-links,.footer-rechts{
	background-color:#ffce17;
	padding:10px;
}
.footer-links{
	-ms-flex:0 0 33.3%;
	-webkit-flex:0 0 33.3%;
	flex:0 0 33.3%;
	max-width:33.3%;
	text-align:center;
}
.footer-rechts{
	-ms-flex:0 0 64.53%;
	-webkit-flex:0 0 64.53%;
	flex:0 0 64.53%;
	max-width:64.53%;
}
.button{
	width:100%;
	margin-top:1.5rem;
	margin-bottom:1.5rem;
	border:2px solid white;
	background-color:white;
}
.footer-btn{
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	text-align:center;
	background-color:#ffce17;
	color:white;
	border-radius:0 5px 5px 0;
}
/*****************/
/***FOOTER ENDE***/
/*****************/

@media only screen and (min-width:578px){
	#hamburger{
		width:8%;
	}
	.bar1,.bar2,.bar3{
		width: 60%;
	}
	.content a{
		font-size:1.4rem;
	}
}