/* +++ Typografie ++++++++++++++++++++++++++++++++++++++++++ */

html, body, p, a, h1, h2, h3, h4, h5, h6{
	font-weight: 200;
}

p{
	-ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

nav ul li,
nav ul li a{	
	font-weight: 500;
}

h1, h2{
	line-height: 1;
}

.li-active a{
	opacity: 1 !important;
	font-weight: 700;
}

.secondary-row ul li {
	list-style: none;
	text-indent: -1.3em;
}




/* +++ Farben ++++++++++++++++++++++++++++++++++++++++++ */

.font-white{color: #fff !important;}
.blue{		background-color: #49648c;}
.yellow{	background-color: yellow;}
.red{		background-color: red;}
.red-border{ border: solid red 2px;}



a,
a:link,
a:visited{
	color: #49648c;
}

a:hover,
a:active,
a:focus{
	opacity: 0.6;
}



/* +++ Button ++++++++++++++++++++++++++++++++++++++++++ */
.button{
	background-color: #49648c;
	margin-top: 20px;
	color: #fff !important;
}
.button:hover{
	background-color: #49648c;
	opacity: 0.8;
}

/* +++ Small-Menu-Button ++++++++++++++++++++++++++++++++++++++++++ */

.hide-for-large{
	padding: 0px;
	margin:0px;
	position: absolute;
	bottom: 20px;
}


.hide-for-large span{
	display: block;
	height: 5px;
	width: 25px;
	margin: 3px;
	background-color: white;
	opacity: 0.6;
}

/*.vertical-middle-wrapper{
	height: 10vw;
	display: table-cell;
	vertical-align: middle;
}*/


/* +++ Header Footer Abstände ++++++++++++++++++++++++++++++++++++++++++ */
.header{
	padding-top: 60px;
	padding-bottom: 20px;
	max-height: 180px;
	position: relative;
}




.footer{
	padding: 20px 0;
	position: relative;
}


/* +++ Nav Linkverhalten/Abstände ++++++++++++++++++++++++++++++++++++++++++ */
.menu > li:not(.menu-text) > a{
	padding: 0px;
}
nav {
	position: absolute;
	bottom: 20px;
}
nav ul li{
	padding: 0 0.4em;
	border-left: 2px solid rgba(255,255,255,0.6);
}
nav ul li:first-child{
	padding-left: 0em !important;
	border: 0px solid #000;

}
nav ul li a{
	color: #fff !important;
	opacity: 0.6;
}
nav ul li a:hover{
	color: #fff;
	opacity: 1;
}

.sticky{
	position: relative;
	width: 100%;
}



/* +++ Nav Off-Canvas ++++++++++++++++++++++++++++++++++++++++++ */
.off-canvas{
	height: 100%;
}

.off-canvas a{
	color: white;
}

.off-canvas ul{
	margin: 20px 0 0 10px;
}

.off-canvas ul li{
	padding: 10px 0 10px 0;}

.off-canvas ul li:nth-child(n+2){
	border-top: 1px solid white;
}




/* +++ Footer Linkverhalten/Abstände ++++++++++++++++++++++++++++++++++++++++++ */




.footer ul li a, 
.footer .columns p,
.footer a{
	color: #fff;
	opacity: 0.6;
}

.footer ul li:first-child{
	padding-left: 0.4em;
	border-left: 2px solid rgba(255,255,255,0.6);
}
.footer ul li:last-child{
	padding-right: 0.4em;

}

.footer ul li a:hover,
.footer a:hover{
	color: #fff;
	opacity: 1 !important;
}

.footer .no-hover:hover{
	opacity: 0.6;
	cursor: text;
}











/* +++ Hintergrundbilder ++++++++++++++++++++++++++++++++++++++++++ */

.backimage-box{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}
#backimage-box-1{background-image: url(../img/friedberg-5.jpg);}
#backimage-box-2{background-image: url(../img/friedberg-2.jpg);}
#backimage-box-3{background-image: url(../img/friedberg-4.jpg);}
#backimage-box-4{background-image: url(../img/haus-2.jpg);}
#backimage-box-5{background-image: url(../img/haus-1.jpg);}
.grid-box{
	background-image: url(../img/stripe-blur.png);
}



/* +++ Kapitel Abstände ++++++++++++++++++++++++++++++++++++++++++ */

.main-row{
	padding: 20vh 0; 
}
.secondary-row{
	padding: 5vh 0;
	color: #49648c;
}



/* +++ Orbit Slider ++++++++++++++++++++++++++++++++++++++++++ */

.orbit-bullets{
	padding-top: 20px;
}

.orbit-bullets button{
	width: 0.8em;
	height: 0.8em;
	margin: 0.2rem;
}


.orbit-bullets button.is-active{
	background-color: #49648c;
	opacity: 1;
}

.orbit-bullets button{
	background-color: #49648c;
	opacity: 0.6;
}



/* +++ betr. Index.html ++++++++++++++++++++++++++++++++++++++++++ */

#backimage-box-1 .main-row{
	min-height: 80vh;
}

#backimage-box-1 .main-row h1{
	padding-top: 10vh;
}

#backimage-box-1 .button h4{
	margin-bottom: 0px !important;
}

#backimage-box-1 .button{
	margin-bottom:0px;
}


/* +++ betr. Kontakt.html/Impressum.html ++++++++++++++++++++++++++++++++++++++++++ */

.kontakt-h2{
	padding-bottom: 40px;
}

.kontakt-ul{
	list-style: none;
	margin-left: 0px;
	padding-bottom: 40px;
}




/* +++ maps ++++++++++++++++++++++++++++++++++++++++++ */

#wetzlar-maps,
#friedberg-maps{
	max-height:50vh;
	height:600px;
	width:100%;
	margin-top:40px;
}