@media screen and (max-width: 1400px)
{
	
}

@media screen and (max-width: 1200px)
{
	#travel-banner {
		bottom:25px;
	}
	#travel-banner img {
		width: 100px;
	}
}

@media screen and (max-width: 1100px)
{
	.ctnt-holder {
		width: 100%;
		margin: 0;
	}

	div.nav-main {
		padding: 5px 15px;
	}
	
	div.nav-main.fb {
		margin: 0 10px 0 0;
		text-align: left;
	}
	
	#content {
		padding: 0;
	}
		
	#container_top .logo {
		width: 150px;
	}
	
	#container_bottom {
		margin: 5px;
	}


	div.head_aerzte div.member {
		font-size: 11px;
		padding: 0 8px;
	}

	#content.team div.person--img {
		float:none;
		padding:0;
	}
}

@media screen and (max-width: 900px)
{
	#container_top .ctnt-holder {
		height: 75px;
	}
	
	#container_top .head-info {
		display:none;
	}
	
	#travel-banner {
		display:none;
	}	
	#travel-banner-mobile {
		display:block;
	}	
}

@media screen and (max-width: 870px)
{
	#container_top .head-info {
		display:none;
	}

	#cc_spacer {
		height: 80px;
	}
	
	div.nav-main {
		font-size: 14px;
		padding: 5px 10px;
	}	
	
	#container_slider {
		height: 300px;
	}
}

@media screen and (max-width: 750px)
{
	body {
		overflow-x: hidden;
	}

    h1 {
        font-size: 24px;
    }

	.mobile--hide {
		display:none;
	}

	#container_top .logo {
		width: 120px;
		margin-left: -60px;
		left: 50%;
		bottom: -2px;
	}

	#container_top .ctnt-holder {
		height: 61px;
		padding: 0 10px;
	}

	#container_top .fb-mobile {
		display: block;
		padding: 10px 0;
		text-align: right;
	}
	
	#container_nav, #container_nav.fixed {
		position: fixed;
		top: 68px;
		bottom: 0;
		z-index: 100 !important;
		transition: width 0.15s ease-in-out;
		display:none;
	}
	#container_nav.active {
		display: block;
	}

	#container_top #mobile-navctrl {
		display: block;

	}

	div.nav-main {
		display: block;
		border-left: 0;
		border-bottom: 1px solid #146CAC;
		margin:0;
		height: auto;
		font-size: 16px;
		padding: 10px !important;
	}

	div.nav-main.fb {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 20px;
		text-align: center;
	}
	div.nav-main.fb .ico {
		font-size: 3em;
		margin: 0 10px;
	}

	div.nav-main.home.desktop {
		display:none !important;
	}
	div.nav-main.home.mobile {
		display:block !important;
	}
	#container_breadcrumb {
		display:none;
	}

	#container_content {
		box-sizing: border-box;
		padding: 15px 10px 20px;
	}



	#travel-banner-mobile img {
		width: 60px;
	}

	div.information {
		display:block;
	}

    div.information div.box {
		width: 100%;
		border-top: 1px solid #bdbdbd;
        border-radius: 0;
	}
	div.information > div:first-child {
		margin: 0;
		border-top: 0;
        border-radius: 10px 10px 0 0 ;
	}
	div.information > div:last-child {
		margin: 0;
        border-radius: 0 0 10px 10px;
	}

	div.information .ctnt {
		text-align:center;
	}

	#inline_switch {
		width: 85%;
	}

	div.person--container {
		padding: 15px 0;
		width: 100% !important;
		margin: 15px 0 !important;
		border-top: 1px solid #bdbdbd;
	}
	div.person--container:first-of-type {
		border-top: 0;
	}

	div.person--holder {
		display:block;
	}

	div.overview {
		display:block !important;
	}

	img.team--overview-img {
		display:none;
	}

	div.container_newsfeed .fb-message {
		display: block;
	}
	div.container_newsfeed .fb-message img.tmb {
		float:left;
	}	
	div.container_newsfeed .fb-message .fas,
	div.container_newsfeed .fb-message .far {
		display:none;
	}

	div.route-container {
		display:none;
	}
	
	div.contact-container {
		display: block;
	}
	
	div.contact-container a {
		text-decoration: underline;
		color: #1565c0;
	}

	div.contact-container .left-box, div.contact-container .right-box {
		width: 100%;
		margin: 20px 0;
	}

	#container_bottom .copy {
		float:none;
		text-align: center;
	}

	#container_bottom .links {
		float:none;
		text-align: center;
		margin: 5px 0;
	}

    /* startseite */
    div.news.boxed .ico {
        font-size: 1.5em;
    }
    div.news.boxed .ctnt {
        margin: 0 0 0 10px;
    }
	/* leistungen */
	div.leistung-container ul {
		padding: 15px;
	}

	/* kontakt */
	div.contact-frm .row.options {
		display: block;
	}
	div.contact-frm .row.options .column {
		width: 100%;
		margin: 5px 0;
	}
}

@media screen and (max-width: 550px)
{
	input[type="reset"] {
		display:none;
	}
}