/*
 * Responsive CSS 089-Webdesign
 */

@media(width: 320px) {

}

@media(width: 480px) {
	
}

@media(width: 600px) {
	
}

@media(width: 768px) {
	
}

@media(width: 800px) {
	
}

@media(width: 1024px) {
	
}
@media (max-width: 767px) {
	body#body.mobile {
	    padding-right: 0px;
	    padding-left: 0px;
	}
}
@media(max-width: 880px) and (orientation: portrait) {
	body.phone.kontakt button.ap-btn {
	    width: 110px;
	    margin: 30px auto;
	}
	body.phone.unsere-praxis .content-standard--bottom-praxis h2 {
		text-align: center;
	}
	body#body.phone.unsere-praxis .two-column-nav--item {
		width: initial;
		margin: 0 auto 0px;
	}
}
@media(max-width: 880px) and (orientation: landscape) {
	body#body.phone .navbar {
	    width: 80%;
	}
	body#body.phone .two-column-nav--item,
	body#body.phone .termine-start--item {
	    width: 50%;
	}
	body#body.phone .intro-img,
	body#body.phone .intro-img-secondary {
	    flex-basis: 30%;
	    text-align: right;
	}
	body#body.phone .intro.flex.space-between,
	body#body.phone .intro-secondary.space-between {
	    flex-direction: row;
	}
	body#body.phone.site .content-bottom--images {
		display: flex;
	}
	body.phone.dermatologie .content-nav--row.flex.space-between,
	body.phone.andrologie .content-nav--row.flex.space-between {
		display: flex;
		justify-content: space-around;
	}
	body.phone .pull-right.item-image {
		max-width: 50%;
	}
	body.phone.fachaerzte .facharzt--item.flex.space-between {
		display: flex;
	}
	body.phone.fachaerzte .facharzt--img,
	body.phone.fachaerzte .facharzt--text {
		flex-basis: 50%;
	}
	body.phone.fachaerzte .facharzt--text h3 {
		margin-top: 0px;
	}		
}
@media(max-width: 880px) {
	/*critical*/
	body.phone .kontakt-info--top p,
	body.phone p,
	body.phone ul li:not(.nav li) {
		font-size: 16px;
	}
	body.kontakt.phone.mobile .page-header {
		padding-right: 10px;
	}
	body#body.phone.mobile .dropdown-menu {
	    font-size: 14px;
	}
	body.phone.start .innerwidth.start-logos.flex {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    width: 100%;
	    margin: 0 auto;
	}
	body.phone .start-logos--item {
	    text-align: center;
	}
	body#body.phone.site h2 {
	    font-size: 21px;
		margin-bottom: 30px;
	}
	body#body.phone.site.not_home h2 {
		font-weight: bold;
	}
	body.phone .navbar {
	    position: absolute;
	    top: 20px;
	    right: 0px;
	    width: 100%;
	}
	body.phone .navbar-container {
	    position: relative;
	}
	body.phone .logo--small {
		position: relative;
	    width: 50%;
    	z-index: 5;
	}
	body.phone .flex {
		display: initial;
	}
	body.phone .nav-collapse.collapse {
	    width: 90%;
	}
	body.phone.mobile .start-logos--item img {
	    max-width: 60%;
	}
	body#body.phone h1.header-start {
	    font-size: 24px;
	    padding: 0 20px;
	    line-height: initial;
	}
	body#body.phone .content-bottom--images {
	    display: block;
	    width: 100%;
	    height: 100%;
	}
	body.phone .content-bottom--images {
	    text-align: center;
	    padding: 40px 0px;
	}
	body.phone .content-bottom--img {
	    margin-bottom: 30px;
	}
	body.phone:not(.start) .two-column-nav--item,
	body.phone .termine-start--item {
	    width: 90%;
	    margin: 0 auto 0px;
	}
	body.phone .header--img--container {
	    height: 200px;
	}
	body#body.site.phone .header--img--container img {
	    width: 100%;
	}
	body.phone .intro.flex.space-between,
	body#body.phone .intro-secondary {
	    display: flex;
	    flex-direction: column-reverse;
	}
	body.phone .intro-img,
	body.phone .intro-img-secondary {
	    flex-basis: initial;
	    text-align: left;
	    width: 100%;
	    margin: 0px 0px 15px;
	}
	body.phone .praxisteam--item {
	    width: 190px;
	    margin: 0px auto 50px;
	}
	body.phone .facharzt--img,
	body.phone .facharzt>h2 {
	    text-align: center;
	    margin-bottom: 30px;
	}
	body.phone .facharzt--text h3 {
	    text-align: center;
	    margin-bottom: 0;
	}
	body.phone .right-bar {
	    text-align: center;
	    margin-bottom: 30px;
	}
	body.phone .content-bottom--kompetenzen h2 {
	    padding-left: 20px;
	    padding-right: 20px;
	}


	body#body.mobile.phone nav.navbar-wrapper.flex.fullwidth {
	    display: block;
	    width: 100%;
	}
	body#body.phone {
		padding-left: 0px;
		padding-right: 0px;
	}
	body#body:not(.phone) .kontakt-info--top {
		    width: 490px;
	}
	body.phone .footer-content--wrapper {
	    text-align: center;
	}
	body.phone footer {
		background: #efefef;
	}
	body.phone .frage {
		padding: 18px 18px 18px 30px;
		position: relative;
	}
	body.phone .frage:before {
		position: absolute;
		left: 10px;
	}
	body.phone .facharzt--text>h3 {
		margin-bottom: 15px;
	}
	body.phone .facharzt h3 {
		font-size: 14px;
		line-height: 20px;
	}
	body.phone .intro-text {
		height: initial;
		display: initial;
	}
	body#body.phone.unsere-praxis .two-column-nav--item__text.no-img p {
		padding: 10px 0px 5px;
	}
	body.phone.start .two-column-nav--item__text,
	body.phone.praxis .two-column-nav--item__text {
		bottom: 10px;
	}
	body.phone.start .two-column-nav--item,
	body.phone.praxis .two-column-nav--item {
	    width: 90%;
	    margin: 0 auto 50px;
	}
	body#body.phone.start .two-column-nav--item__text h2,
	body#body.phone.praxis .two-column-nav--item__text h2 {
		margin-bottom: 0px;
		font-weight: normal;
	}
	body.phone .termine-start--bottom div {
		text-align: center;
	}
	body.phone nav.footer-nav ul li {
		padding: 5px 0px;
	}
	body.phone footer p.org.uppercase.bold {
		margin-bottom: -10px;
	}
	body#body.phone.faq .faq-container-header {
		margin-bottom: 0px;
	}
	
}

@media(max-width: 1280px) {
	body.desktop .innerwidth {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media(max-width: 1366px) and (orientation: portrait) {
	body.tablet .two-column-nav--item,
	body.tablet .termine-start--item {
	    transform: scale(0.95);
	}
	body.tablet .header--img--container {
	    height: 200px;
	}
	body.mobile .header--img--container img {
	    width: 100%;
	}

}
@media(max-width: 1366px) {
	/*critical*/
	body.mobile .logo--small img {
	    width: 300px;
	}
	body.mobile .start-logos--item img {
	    max-width: 80%;
	}
	body.mobile .navbar .btn-navbar {
    	margin-right: 20px;
	}
	body.mobile h1.header-start {
	    font-size: 28px;
	}
	body.site.mobile .fachaerzte-start h2,
	body.mobile h2 {
	    font-size: 26px;
	    line-height: initial;
	}
	body.mobile.not_home .article-body {
		padding-left: 20px;
		padding-right: 20px;
	}
	body.mobile .page-header,
	body.mobile .breadcrumbs {
		padding-left: 20px;
	}
	body.mobile .logo--small{
	    padding: 20px 0px 10px 20px;
	}


	body.mobile .header--content {
	    left: initial;
	}	
	body.mobile ul.nav-child.dropdown-menu {
	    display: block;
	}
	body.mobile .navbar .nav > li {
	    display: block;
	}
	body#body.mobile .nav-collapse {
	    height: 0!important;
	    overflow: hidden!important;
	}
	body.mobile .nav-collapse.collapse {
	    position: absolute;
	    right: 0px;
	    top: 0;
	}
	body.mobile .nav-collapse {
	    clear: both;
	}
	body.mobile .nav-collapse ul.nav.menu.nav-pills {
	    background: #fff;
	    width: 100%;
	    top: 60px;
	    -webkit-box-shadow: 0 14px 30px -11px rgba(74,74,74,0);
	    box-shadow: 0 14px 30px -11px rgba(74,74,74,0);
	    border-radius: 0 0 0 10px;
	    padding: 30px 0 10vh;
	    -webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	    transform: translateX(100%);
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.7s cubic-bezier(0.2, 1, 0.8, 1);
	}
	body.mobile .nav-collapse.openMenu ul.nav.menu.nav-pills {
	    -webkit-box-shadow: 0 14px 30px -11px rgba(74,74,74,1);
	    box-shadow: 0 14px 30px -11px rgba(74,74,74,1);
	}	
	body#body.mobile .nav-collapse.collapse.openMenu {
	    height: auto!important;
	   	padding: 0 0 80px 20px;
	}
	body.mobile .nav-collapse.openMenu ul.nav.menu.nav-pills {
	    -webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	    transform: translateX(0);
	    -webkit-transition: all .5s ease-in-out;
	    -o-transition: all .5s ease-in-out;
	    transition: all .5s ease-in-out;
	}
	body.mobile .navbar .nav>li {
	    display: block;
	    float: none;
	}
	body.mobile .navbar .btn-navbar {
	    display: block;
	    position: relative;
	    z-index: 1;
	}
	body.mobile .navbar-wrapper {
	    -ms-flex-preferred-size: 75%;
	    flex-basis: 75%;
	}
	body.mobile ul.nav-child.dropdown-menu {
	    display: block;
	}
	body#body.mobile ul.nav-child.dropdown-menu {
	    background: transparent;
	    position: initial;
	    float: none;
	    box-shadow: none;
	    border: none;
	}
	body#body.mobile .dropdown-menu:before,
	body#body.mobile .navbar .nav>li>.dropdown-menu:after {
		content: initial;
		display: none !important;
	}
	body#body.mobile .navbar .nav li.dropdown>.dropdown-toggle .caret {
		display: none;
	}
	body#body.mobile ul.nav-child.dropdown-menu li a {
	    padding: 10px 20px;
	}
	/*non-critical*/
	body.tablet .content-bottom--kompetenzen,
	body.mobile.start .termine-start--header h2,
	body.start.mobile .termine-start--container,
	body.mobile footer {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	body.mobile .termine-start .termine-start--bottom {
		padding-right: 20px;
	}
	body.tablet .intro-text, 
	body.tablet .intro-text-secondary {
	    -ms-flex-preferred-size: 70%;
	        flex-basis: 70%;
	}
	body.tablet .intro-img,
	body.tablet .intro-img-secondary {
	    -ms-flex-preferred-size: 30%;
	        flex-basis: 30%;
	}
	body.tablet .footer-content--item {
	    padding: 20px 0px 0px 20px;
	}
	body.tablet .footer-content--item {
	    width: 31%;
	}
	body#body.mobile .header--content h1 {
		padding-left: 20px;
	}
	body#body.tablet .content-standard--text {
		margin-top: 0px;
	}
	body#body.tablet .intro-text,
	body#body.tablet .content-standard--text {
		font-size: 18px;
	}
	body#body.tablet .facharzt--text h3 {
		margin-top: 0px;
	}
	body#body.tablet .facharzt--img img {
		margin-top: 5px;
	}
	body#body.mobile .faq-container p {
		font-size: 16px;
	}
	body#body.mobile.links .article-body p,
	body#body.mobile.links .article-body a {
		font-size: 18px;
	}
	body#body.tablet .intro-text {
		height: auto;
		display: initial;
	}
	body#body.tablet .intro.flex {
		align-items: start;
	}
}
@media(min-width: 1921px) {
	/*critical*/
	.header--img--container img {
	    -o-object-fit: cover;
	       object-fit: cover;
	    width: 100%;
	    height: 100%;
	}	
}

@media(max-width: 1440px) {
	body#body.desktop.site .navbar .nav>li a {
	    font-size: 12px;
	    padding: 5px 10px;
	}
	body#body.desktop #wrapper nav.navbar-wrapper div.navbar {
	    -ms-flex-preferred-size: 70%;
	        flex-basis: 70%;
	}	
}
@media(max-width: 1680px) {
	body#body.desktop.start .above-the-fold {
	    background-size: contain;
	}
}
@media(max-width: 1700px) {
	body#body.desktop nav.navbar-wrapper div.vcard {
	    -ms-flex-preferred-size: 40%;
	        flex-basis: 40%;
	}
	body#body.desktop nav.navbar-wrapper div.navbar {
	    -ms-flex-preferred-size: 60%;
	        flex-basis: 60%;
	}	
}
/* @media(max-width: 1880px) {
	body#body.desktop:not(.phone) nav.navbar-wrapper>div,
	body#body.desktop:not(.phone) nav.navbar-wrapper .navbar {
	    -ms-flex-preferred-size: initial;
	    flex-basis: initial;
	}	
} */

/*specials*/
@media(max-width: 1023px) {
	body#body.desktop div#wrapper {
		-webkit-filter: blur(10px);
		        filter: blur(10px);
	}
	body.desktop #resizeAlarm {
		display: block;
	}	
}
@media(min-width: 1024px) {
	body.desktop #resizeAlarm {
		display: none !important;
	}
}