

@media only screen and (max-width: 1345px) {
	:root {
		--left_content_margin: 400px!important;
	}
	
	.description_container {
		width: auto;
	}
	.description_textbox {
		padding-left: 25px;
		font-size: 15px;
		line-height: 22px;
	}
	
	
}

@media only screen and (max-width: 1200px) {
	#footer .inside {
		margin-left: 50px!important;
	}
	.container_acc {
		margin-left: 50px!important;
	}
}

@media only screen and (max-width: 1150px) {
	#header .mod_navigation ul, #header .mod_customnav ul, #header_small .mod_customnav ul {
		display: none;
	}
}

@media only screen and (max-width: 1190px) {
	
	.ce_rsce_sonk_wohnung_detailseite .more_infos .inside {
		padding-top: 50px;
		flex-direction: column;
		max-width: 500px;
	}
}


@media only screen and (max-width: 1023px) {
	:root {
		--left_content_margin: 50px!important;
	}
	
	.description_textbox {
		font-size: 18px;
		line-height: 28px;
	}
	
	#container:not(.startseite #container) {
		margin-top: 70px;
	}
	
	.herologo {
		width: 300px;
		height: 75px;
		top: calc(50vh - 75px/2);
		left: calc(50vw - 300px/2);
	}
	
	.herologo a {
		width: 300px;
		height: 75px;
	}
	
	#header {
		height: 70px!important;
	}
	
	
	#header:not(.startseite #header) {
		box-shadow: 0 0 15px -5px #8D9A9A;
		background: #FFFFFF !important;
	}
	
	.mobile_menu_icon:not(.startseite .mobile_menu_icon) {
		background: url(../assets/mmenu_black.svg)!important;
		width: 40px;
		height: 28px;
		background-repeat: no-repeat;
		background-size: 100%;
	}
		
	.ce_rsce_sonk_header .container,
	.ce_rsce_sonk_wohnung_detailseite .container	{
		flex-direction: column;
	}
	
	.ce_rsce_sonk_header .description_container	{
		position: relative;
		width: auto;
		display: flex;
		height: auto;
		top: 0px;
		margin-top: 50px;
		flex-direction: column;
		align-items: center;
		order: 2;
	}
	
	.ce_rsce_sonk_header .slider_container {
		order: 1;
		width: auto;
		height: 50vh;
	}
	.startseite .ce_rsce_sonk_header .slider_container {
		height: 100vh;
	}
	
	:root {
		--slider_width: 85vw!important;
		--slider_width_prozent: 0.85!important;
		--slider_width_delta: 0!important;
		
		--slider_height: 85vw!important;
		--slider_height_prozent: 0.85!important;
		--slider_height_delta: 0!important;
	}
	
	.ce_rsce_sonk_wohnung_detailseite .slider_container {
		position: relative;
		order: 2;
		width: var(--slider_width);
		height: var(--slider_width);
		margin: auto;
	}
	
	.ce_rsce_sonk_wohnung_detailseite .description_container {
		order: 1;
		position: relative;
		width: auto;
		display: flex;
		height: auto;
		top: 0px;
		flex-direction: column;
		align-items: center;
		margin-bottom: 30px;
	}
	
	.ce_rsce_sonk_header .slider_container .boxes,
	.ce_rsce_sonk_header .imagebox, 
	.ce_rsce_sonk_header .imagebox .inside	{
		width: 100vw;
		height: 50vh;
	}
	
	.startseite .ce_rsce_sonk_header .slider_container .boxes,
	.startseite .ce_rsce_sonk_header .imagebox, 
	.startseite .ce_rsce_sonk_header .imagebox .inside	{
		height: 100vh;
	}
	
	.ce_rsce_sonk_wohnung_detailseite .slider_container .boxes,
	.ce_rsce_sonk_wohnung_detailseite .imagebox, 
	.ce_rsce_sonk_wohnung_detailseite .imagebox .inside	{
		width: var(--slider_width);
		height: var(--slider_width)!important;
	}
	
	.bt_more {
		display: none;
	}
	
	.ce_rsce_sonk_wohnung_detailseite .more_infos {
		flex-direction: column;
		align-items: center;
		padding: 25px;
		width: auto;
	}
	
	.ce_rsce_sonk_wohnung_detailseite .more_infos .features,
	.ce_rsce_sonk_wohnung_detailseite .more_infos .message
	{
		/*
		margin-left: 0px;
		width: auto;
		margin: auto;
		margin-bottom: 50px;
		width: 80vw;
		*/
	}
	
	
	
	.ce_rsce_sonk_wohnungen_raster .container {
		flex-direction: column;
		align-items: center;
		padding: 25px;
		width: auto;
	}
	
	.ce_rsce_sonk_wohnung_detailseite .more_infos .inside {
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
	
	.ce_rsce_sonk_wohnung_detailseite .more_infos .features {
		margin-right: 0px;
	}
	
	.ce_rsce_sonk_wohnung_detailseite .more_infos {
		margin-top: 75px;
	}
	
	
	.ce_rsce_sonk_wohnungen_raster .description_container	{
		position: relative;
		width: auto;
		display: flex;
		height: auto;
		top: 0px;
		flex-direction: column;
		align-items: center;
		order: 1;
		margin-bottom: 30px;
	}
	
	.ce_rsce_sonk_wohnungen_raster .raster_container {
		width: 100vw;
		max-width: 400px;
		order: 2;
	}
	
	.ce_rsce_sonk_wohnungen_raster .raster_container .boxes .box, .ce_rsce_sonk_wohnungen_raster .detailraster_container .boxes .box {
		position: relative;
	}
	.ce_rsce_sonk_wohnungen_raster .raster_container .boxes {
		height: auto;
		margin-left: 25px;
		margin-right: 25px;
		align-items: center;
		justify-content: center;
	}
	
	.ce_rsce_sonk_wohnungen_raster .box img {
		width: auto;
		max-width: 400px;
	}
	
	.ce_rsce_sonk_wohnungen_raster .box
	{
		top: 0px !important;
		left: 0px !important;
		margin-bottom: 15px;
		justify-content: center;
	}
	
	
	
	
	.ce_rsce_sonk_text_image_box .container .inside {
		flex-direction: column;	
	}
	.ce_rsce_sonk_text_image_box .-sonk_image_ratio_35 .textbox {
		width: auto;
	}
	
	.ce_rsce_sonk_text_image_box .textbox .textcontent {
		padding-right: 0px;
		width: auto;
	}
	
	.ce_rsce_sonk_wohnungen_raster .w_name {
		font-size: 25px;
	}
	
	
	
	#footer .rs-column {
		width: 50%!important;
		min-width: 300px;
	}
	
}

@media only screen and (max-width: 880px) {
	
	
	.ce_rsce_sonk_wohnung_detailseite .more_infos .message {
		width: auto;
	}
	.container_acc {
		flex-direction: column;
	}
	
	.container_acc_1 {
		align-items: flex-start;
		text-align: left!important;
	}
	
	.container_acc_1 h2 {
		text-align: left!important;
	}
	
	.container_acc_1,
	.container_acc_2 {
		width: auto;
	}
	.container_acc .-sonk_width_1 {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media only screen and (max-width: 768px) {
	#header .logo a, #header_small .logo a {
		width: 200px;
	}
	.smallheader .mobile_menu_icon {
		top: 26px;
	}
	.angebot a {
		width: 125px;
		height:125px;
	}
	.lupe {
		display: none!important;
	}
	h2 {
		font-size: 22px;
		line-height: 26px;
	}
	h3,
	.ce_rsce_accordion .ui-accordion-header	{
		font-size: 20px;
		line-height: 24px;
	}
}
