/*CSS*/


#header {
		border-bottom: 0;
		visibility: hidden;
	}

.homeportal #container {
	top: 0;
}

.homeportal #container #main {
	position: absolute;
	/* top: 5rem; */
	background-color: white;
}

.homeportal #container #main .inside {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

#home_li {
	margin: 2.7vw 1rem;
	flex: 0 1 15vw;
	
}

#home_re {
	width: 38rem;
	height: auto;
	position: relative;
	flex: 0 1 auto;
	margin: 11vw 0vw 0 1rem;
}



.nav_home ul {
	/* width: 50vw; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* padding-top: 1rem;  */
}

.nav_home ul li {
	margin-right: 1.725rem;
	font: 1.125rem/1.333 "Fira Sans", sans-serif;
    font-weight: normal;
	font-weight: 400;
	color: rgba(0,0,0,.87);
	text-transform: uppercase;
}

.nav_home ul li a {
	color: rgba(0,0,0,.83);
	text-decoration: none;
}
.nav_home ul li a:hover {
	color: rgb(245, 150, 14);
}


#home_re .adresse {
	display: flex;
	justify-content: space-between;
	margin: 1.5rem 0;
}








.homeportal .adresse div p a:hover {
	text-decoration: underline;
}

.homeportal .fa {
	font: normal normal normal 1rem/1.2 FontAwesome;
	vertical-align: -10%;
}


.homeportal .portraits {
	/*width: 42.5rem;*/
	margin: 0 auto;
	padding: 2vw 1vw 0vw 1vw;
}

.homeportal .portraits .insert {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
}

.homeportal .portraits .insert .grid2 {
	width: 4.5rem;
	height: calc(4.5rem * 1.3458333333);
	flex: 0 0 auto;
	padding: 0rem 0rem;
	overflow: hidden;
	width: 5vw;
	height: calc(5vw * 1.3458333333);
}

.homeportal .portraits .insert .grid2:hover {
	/*height: calc(5vw * 1.379166667);*/
	overflow: hidden;
}

.homeportal .image_container {
	text-align: center;
	margin: 0 auto;
	position: relative;
	width: auto;
	/* top: 2.466rem; */
	padding-bottom: 2rem;
}

@media (max-width: 1140px) {
	#header .email {
		display: none;
	}
}


@media (min-width:960px) and (max-width:1140px) {
	.homeportal #container #main {
		padding-top: 0rem;
	}
	#home_li,
	.homeportal .spalte1 {
		width: 15vw;
	}
	#home_re,
	.homeportal .spalte2 {
		/* width: 60vw !important; */
		margin-top: 9vw;
	}
	
}

@media (min-width:760px) and (max-width:959px) {
	.homeportal #container #main {
		padding-top: 0;
	}
	#home_li,
	.homeportal .spalte1 {
		width: 15vw;
	}
	#home_re,
	.homeportal .spalte2 {
		width: 90vw !important;
		margin-top: 9vh;

	}

}

.freude .galleria-videoicon {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 58%;
    left: 50%;
    z-index: 1;
    margin: -30px 0 0 -30px;
    cursor: pointer;
    background: #000;
    background: rgba(0,0,0,.0);
    border-radius: 3px;
    -webkit-transition: all 150ms;
}
.freude .galleria-videoicon {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 58%;
    left: 50%;
    z-index: 1;
    margin: -30px 0 0 -30px;
    cursor: pointer;
    background: #000;
    background: rgba(0,0,0,.0);
    border-radius: 3px;
    -webkit-transition: all 150ms;
}

@media (max-width:759px)   {
	#header {
		border-bottom: 0;
		visibility: visible;
	}
	.galleria-container {
    	margin-top: 0;
}
	
	.nav_home {
		display: none;
	}

	.homeportal #container #main {
	position: fixed;
	top: 2rem;
	background-color: white;
	}

	#home_li {
		margin-top: 2rem;
		flex:  0 0 26vw;
		align-items: center;
	}

	.homeportal .aziellogo,
	#home-logo-aziel {
	    height: auto;
	    /* width: 15rem; */
	    /* margin-top: 3rem; */
	    /* float: left; */
	    flex: 0 1 auto;
	    /* width: 20vw; */
	    /* display: none; */
	}

	#home_re {
	    height: auto;
	    position: relative;
	    width: 100%;
/* 	    flex: 0 0 100%;
 */	    margin: 0;
	}

	.pagetitle {
    	display: none;
	}

	.freude {
		display: none;
	}


	iframe {
    width: 100%;
    /* height: auto; */
	}

	/* .homeportal #header #head-logo-aziel, */
	/* .homeportal #header .mod_customnav, */
	/* .homeportal #header .adresse, */
	#home_logo_mobil {
		display: none;
	}

	.adresse .telephon,
	.adresse .email {
		display: none;
	}

	#home_re .adresse {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0;
	}

	#footer {
		display: none;
	}
}