/* Monitore breiter als 1920px */
@media screen and (min-width: 1920px){
	

	
}

/* Monitore schmaler als 1380px */
@media screen and (max-width:1380px) {
	
	.hero-wrap{
		padding-top:290px;
	}
	
	.hero-wrap .inner{
		margin-bottom:6em;
	}
	
	.hero-content{
		height:auto;
	}
	
	.hero-wrap h2{
		position:relative;
		opacity:0;
		height:0;
	}
	
	.hero-wrap h2.active{
		opacity:1;
		height:auto;
	}
	
	.hero-content p{
		width:calc((100% / 12) * 8);
	}
	
	.bereiche-wrap{
		padding:4em 0 0 0;
	}
	
	.bereiche-wrap .inner{
		flex-wrap:wrap;
	}
	
	.bereiche-item{
		width:50%;
		margin-bottom:4em;
		padding-right:4em;
	}
	
	.bereiche-wrap .inner div:last-of-type{
		padding-right:4em;
	}
	
	.moin-wrap{
		padding:4em 0;
	}
	
	.gruppe-wrap{
		padding:4em 0 0 0;
	}
	
	.netzwerk-item{
		width:calc(100% / 3);
		margin-bottom:4em;
	}
	
	.fakten-wrap{
		padding:4em 0;
	}
	
	.fakten-wrap .inner{
		flex-wrap:wrap;
	}
	.fakten-wrap .number{
		font-size:7em;
	}
	
	.prefooter-wrap{
		padding:4em 0;
	}
	
	.footer-wrap{
		padding:4em 0;
	}

}

/* Monitore schmaler als 1024px */
@media screen and (max-width: 1024px){
	
	.moin-wrap,
	.prefooter-wrap{
		padding:40px 0;
	}
	
	.moin-wrap .inner{
		flex-wrap:wrap;
		flex-direction:column-reverse;
	}
	
	.moin-content{
		width:100%;
		padding-right:0;
	}
	
	.moin-img{
		height:60vh;
		width:100%;
		margin-bottom:40px;
	}
	
	.gruppe-wrap .gruppe-top{
		width:100%;
	}
	
	.netzwerk-item{
		width:50%;
		padding-right:40px;
		margin-bottom:40px;
	}
	
	.fakten-wrap{
		padding:40px 0 0 0;
	}
	
	.fakten-wrap .fakt-item{
		width:50%;
		max-width:50%;
		margin-bottom:40px;
	}
	
	.prefooter-text{
		font-size:2em;
	}
	
	.footer-wrap{
		padding:40px 0;
	}

}

/* Geräte schmaler als 800px */
@media screen and (max-width: 800px){
	
	.nav-bar{
		height:200px;
	}
	
	.nav-bar .id-logo{
		height:100%;
		width:100%;
	}
	
	.hero-wrap{
		padding-top:200px;
	}
	
	.hero-wrap h2{
		padding-right:0;
		font-size:2.5em;
	}
	
	.hero-content p{
		width:100%;
	}
	
	.hero-content .button{
		width:auto;
	}
	
	.bereiche-item{
		width:100%;
		padding-right:0;
	}
	
	.netzwerk-item{
		width:100%;
		margin-bottom:20px;
		padding:20px;
		box-shadow:0px 8px 20px 0px rgba(0,0,0,0.3);
	}
	
	.moin-wrap .moin-hl,
	.gruppe-wrap .gruppe-hl,
	.footer-wrap h1{
		font-size:2.5em;
	}
	
	.footer-bottom{
		display:flex;
		flex-wrap:wrap;
	}
	
	.footer-bottom div.col-4{
		width:100%;
	}
	
	.footer-bottom .footer-meta{
		padding-left:0;
		margin-top:40px;
	}

	.netzwerk-item .watermark,
	.netzwerk-item > .firma,
	.netzwerk-item > .line,
	.netzwerk-item > .desc,
	.netzwerk-item .overlay-bg{
		display:none;
	}
	
	.netzwerk-item .full-desc{
		position:relative;
		display:block;
	}
	
	.netzwerk-item .full-desc .logo{
		position:relative;
		display:block;
	}
	
	.netzwerk-item:hover .full-desc, 
	.netzwerk-item.active .full-desc{
		padding-right:0;
	}
	
	.netzwerk-item:hover .overlay-bg, 
	.netzwerk-item.active .overlay-bg{
		display:none;
	}
	
	.netzwerk-item .info-text{
		height:0px;
		overflow:hidden;
		padding-top:0;
	}
	
	.netzwerk-item:hover .info-text,
	.netzwerk-item.active .info-text{
		height:auto;
		padding-top:2em;
	}

}

/* Geräte schmaler als 600px */
@media screen and (max-width: 600px){
	
	body{
		font-size:14px;
	}
	
	.inner{
		width:calc(100% - 40px);
	}
	
	.hero-content{
		padding-left:0;
	}
	
	.hero-content a.button{
		width:calc(100% - 20px);
	}
	
	.moin-img{
		height:100vw;
	}
	
	.fakten-wrap .fakt-item{
		width:100%;
		max-width:100%;
	}
	
}