@charset "UTF-8";
/* CSS Document */

@media (max-width:1600px) {
	.innercontainer {
		max-width:100% !important
	}
	
	header {
		width:96% !important;
		margin-left:2% !important;
		left:0 !important
	}
	
	#contentarea {
		width:96% !important;
		margin-left:2% !important
	}
	
	footer .innercontainer {
		width:100% !important;
		padding:0 25px !important
	}
	
	nav {
		width:80% !important;
	}
.raeumemain #hero {
		width:100% !important;
	}
	
		
	.raeumeintro {
		width:60% !important;
		float:left !important;
		padding:15px 2% !important
	}
	
	.contentsite main {
		width:100% !important;
		padding-left:2% !important;
		padding-right:2% !important;
	}
	
	

	
}

@media (max-width:1450px) { 
	.starttext {
		width:70% !important}
	

.toplinks {
	width:30% !important;
	padding-right:0 !important

}
	
	#contentarea .innercontainer.innertop {
		max-width:96% !important
	}
	
		#hero img {
	top:-80px!important
}
	.raeumemain #hero {
		height:auto !important;
	}
	
	.moxy #contentarea main .innercontainer {
		width:96% !important;
		margin-left:2% !important
	}

}

@media (max-width:1200px) {
		.hofgarten #contentarea main .innercontainer {
		width:96% !important;
		margin-left:2% !important
	}
}

@media (max-width:1040px) { 
	.starttext {
		width:65% !important}

.contactlink {
margin: 5px 5px !important;
}
.toplinks {
	width:35% !important
}
	
	nav {
		width:30% !important;
		text-align: right !important;
		padding-top:20px !important;
		padding-right:30px !important
	}
	
	
.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {
	background-color:transparent !important;
	color:rgba(240,97,97,1.00) !important;
	transition: 0.5s !important;
	width:35px !important;
	height:35px !important;
	margin-top:-5px !important
}

.dj-megamenu-select-light .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover, .dj-megamenu-accordion-light .dj-mobile-open-btn:hover { 
opacity: 0.6 !important
	}

.dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:after,
.dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon {
	background-color:rgba(240,97,97,1.00) !important
}
	.dj-megamenu-offcanvas-overlay:after {
		z-index: 10000002 !important;
	
		background-color:rgba(255,255,255,0.6) !important;
		top:0 !important;
		left:0 !important
	}
	.dj-offcanvas-light {
		z-index: 10000003 !important;
		background-color:#fff !important
	}
	.dj-offcanvas-light .dj-offcanvas-top {
		background-color:#fff !important}
	ul.dj-mobile-light li.dj-mobileitem a {
		font-size:15px !important
	}
	
	ul.dj-mobile-light li.dj-mobileitem a .name {
	font-family: 'regular', sans-serif !important;
		color:rgba(240,97,97,1.00) !important;
		
	}
	ul.dj-mobile-light li.dj-mobileitem a .subtitle {
	font-family: 'regular', sans-serif !important;
		font-size:13px !important;
		line-height:22px;
		color:rgba(0,0,0,1.00) !important
		
	}
	ul.dj-mobile-light li.dj-mobileitem>a {
		background-color:#fff !important;
		border-top:1px solid rgba(240,97,97,1.00) !important;
		text-transform: uppercase !important
	}
	
	ul.dj-mobile-light li.dj-mobileitem:hover>a, ul.dj-mobile-light li.dj-mobileitem.active>a {
		background-color:rgba(240,97,97,1.00)!important;
		color:#fff !important;
		text-transform: uppercase !important
	}
	ul.dj-mobile-light li.dj-mobileitem:hover>a .subtitle,
	ul.dj-mobile-light li.dj-mobileitem:hover>a .name,
	ul.dj-mobile-light li.dj-mobileitem.active>a .subtitle,
	ul.dj-mobile-light li.dj-mobileitem.active>a .name {
		color:#fff !important;
	}
	
	.dj-fa-0 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, .dj-fa-1 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, .dj-fa-5 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before {
		color:rgba(240,97,97,1.00)}
	.dj-fa-0 ul.dj-mobile-light li.dj-mobileitem:hover.parent >a span.toggler:before, .dj-fa-1 ul.dj-mobile-light li.dj-mobileitem:hover.parent >a span.toggler:before, .dj-fa-5 ul.dj-mobile-light li.dj-mobileitem:hover.parent >a span.toggler:before {
		color:rgba(255,255,255,1.00)
	}
.footerright div {
width: 33% !important;
float: left !important;
}
	
	.raeumegalerie, .raeumeintro {
		width:90% !important;
		float:none !important;
	}
	.raeumemain #hero .raeumeintro{
		width:90% !important;
		float:none !important;
		margin-left:5% !important
	}
		.com-content-category-blog, aside {
		width:100% !important;
	padding:0 2% !important}
	
	.raeume .com-content-article__body,
	.item-page .item-image{
		width:100% !important;
	}
	
	.bilder.test {
		width:100% !important;
		padding-top:40px !important
	}
		.item-pagemoxy {
	width:100% !important;
	float:left !important;
}
}
@media (max-width:900px) {
	
	#hero {
		height:490px !important
	}
	
	.starttext {
		margin-top:-120px !important
	}
	
	iframe {
		width:100% !important
	}
	
	.coworkimg {
		height:220px !important;
	}
	.teamseite .uk-grid > div {
		width: 48% !important;
margin: 40px 1% !important;
float: left!important;
box-shadow: none !important;
padding: 0 30px 30px 30px !important;
}
	
}


@media (max-width:800px) {
	
	.mobilebr {
		display:inherit !important
	}
	
	.blog-item .item-image,.blog-item .item-content {
		width:100% !important;
	}
	#top {text-align:center !important}
	
	header {
		top:65px !important
	}
	
	#hero {
		height:auto !important;
		position: inherit !important;
		
	}
	
	#hero img {
		position: inherit !important;
		width:100% !important;
		height:auto !important
	}
	
	.coworkingangebote .coworkingangebote1 {
		width:90% !important; 
	}
	
	.coworkimg {
		width:100% !important;
		height:auto !important;
		overflow:inherit !important
	}
	
	.coworkingangebote .coworkingangebote1 img{
		width:100% !important;
		height:auto !important;
	}
	

	
	.starttext {
		width:100% !important;
		position: inherit !important;
		margin-top:0 !important
	}
	
	.toplinks {
		width:100% !important;
		top:0 !important
	}
	main {
		margin-top:0 !important
	}
	
	.introtopic img {
		width:100% !important;
		margin-bottom:40px !important
	}
	
	.footerleft, .footerright {
		width:100% !important;
		text-align: center !important;
		padding:0 !important
	}
	.footerright div {
		width:100% !important;
		text-align: center !important;
	}
	
	.raeumeintro {
		width:100% !important;
		float:none !important;
		padding:15px 5% !important
	}
	
	.raeumemain #hero {
		width:100% !important;
	}
	 
	.raeumegalerie {
		display:none !important
	}
	.raeumemain #hero ul li {
		width:100% !important;
		margin-right:0 !important;
		margin-bottom:15px !important
	}
	.raeumemain .blog-item:nth-child(odd) {
	width:100% !important;
	margin-right:0% !important;
	float:left !important;
	padding:0 !important;
	flex: initial;
}
.raeumemain .blog-item:nth-child(even) {
	width:100% !important;
	margin-left:0% !important;
	float:left !important;
	padding:0 !important;flex: initial;

}
	.uk-grid > div, .uk-grid > div.uk-first-column,.uk-grid-4 > div {
		width:100% !important;
		margin:0 !important
		
	}
	.uk-grid > div img {
		width:50% !important;
	}
		.teamseite .uk-grid > div {
		width: 100% !important;
margin: 40px 1% !important;
float: left!important;
box-shadow: none !important;
padding: 0 30px 30px 30px !important;
}
	.teamseite .uk-grid {
		text-align:center !important
	}
	.teamseite .uk-grid > div img {
		width:60% !important;
		margin-left:0% !important;
	}
	
	.contactlink {
		display:block !important;
		width:100% !important;
	}
	
}