/*********************/
/*  Allgemeine Einstellungen - die Reihenfolge ist wichtig(cascading...)
/*********************/

@media  /* ohne screen - weil sonst styles.css nicht überschrieben wird! */
		(min-width:992px) {
		.page-section .page-section-heading {
			font-size: 1.3rem;
			letter-spacing: .3rem;
			font-weight: 400;
		}
	}

@media screen
	and (max-width: 992px) {
		/* Einstellungen für das main Menü */
		#mainNav .navbar-toggler {font-size: 130%;color: #212529;}
		
		/* Schriftgrößenanpassung der Menüpunkte */
		.mobnavfont {font-size: 1.3rem;}
		/* Abstandsanpassung der Menüpunkte */
		.pb-3, .py-3 {padding-bottom: 0.8rem !important;}
		.pt-3, .py-3 {padding-top: 0.8rem !important;}
		.nav-item{line-height: 0.5;}
		/* Einstellungen für "Home" */
		.logo {background-size: 100%;}
		/* Einstellungen für "Büro" */
		/* Überschrift */
		.page-section .page-section-heading {
			font-size: 1.3rem;
			font-weight: 400;
		}
		/* Einstellungen für "Leistungen" */
		.lead{margin-bottom: 5%;}
		.pt-text{margin-top:5%;}
		.aufz{height: auto;}
		/* Einstellungen für "Projekte" */
		#gallery img {height: 35vw;}
		
		/* Anti-Überlappungseinstellung */
		.home-section {width: 100%; height: auto;}
		.news-section {width: 100%; height: auto;}
		.desk-section {width: 100%; height: auto;}
		.port-section {width: 100%; height: auto;}
		.proj-section {width: 100%;	height: auto;}
		.fors-section {width: 100%;	height: auto;}
		.vita-section {width: 100%;	height: auto;}
		.cont-section {width :100%; height: auto;}
		.imp-section {width: 100%;	height: auto;}
	}

/*********************/
/*  Smartphones...  */
/*********************/
/* Bei manchen Smartphones (huawei ...) wird der Hamburgerbutton abgeschnitten-das sollte helfen  */
@media screen
	and (max-width: 410px) {
		#mainNav div button.ml-auto, button.mx-auto {
			margin-right: 10% !important;
	}	
}

/* Blendet Bilder bei Smartfon Auflösungen aus */
@media screen
	and (max-width: 600px) {
		.hideme{display:none;}
		.page-section {padding: 2rem 0;}
		.home-section {width: 100%; height: auto;}
		.news-section {width: 100%; height: auto;}
		.desk-section {width: 100%; height: auto;}
		.port-section {width: 100%; height: auto;}
		.proj-section {width: 100%;	height: auto;}
		.fors-section {width: 100%;	height: auto;}
		.vita-section {width: 100%;	height: auto;}
		.cont-section {width :100%; height: 100%;}
		.imp-section {width: 100%;	height: auto;}
	}

/* Landscape Querformat bei Smartphones */
@media screen
	and (orientation: landscape)
	and (max-width: 812px) {
		.logo {background-size: 50%;}
		.nav-item{line-height: 0.5;}
		.hideme{display:none;}
		.page-section {	padding: 1rem 0;}
		.desk_text {padding-top: 0; padding-bottom: 0;}
		.desk_lead {font-weight: normal; font-size: 1.25rem; margin-top: 12px; margin-bottom: 5px;}
		.lead {margin-bottom: 0;}
		.pt-text {margin-top: 0;}
		.home-section {width: 100%; height: auto;}
		.desk-section {width: 100%; height: auto;}
		.port-section {width: 100%; height: auto;}
		.proj-section {width: 100%;	height: auto;}
		.fors-section {width: 100%;	height: auto;}
		.vita-section {width: 100%;	height: auto;}
		.cont-section {width :100%; height: auto;}
		.imp-section {width: 100%;	height: auto;}
	}


/*********************/
/*********************/


/*********************/
/*  Laptops...       */
/*********************/
/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-width: 1200px) 
  and (max-width: 1600px) {
	.page-section {padding: 2rem 0;}
	.page-section .page-section-heading {
		font-size: 1.3rem;
		letter-spacing: .3rem;
		font-weight: 400;}
	.desk_text {padding-top: 1%; padding-bottom: 2%;}
	.logoSizer {width:40%; height: 40%;	}
	.home-section {width: 100%; height: 100%;}
	.news-section {width: 100%; height: auto;}
	.desk-section {width: 100%; height: auto;}
	.port-section {width: 100%; height: auto;}
	.proj-section {width: 100%;	height: 100%; padding: 6rem 0;}
	.fors-section {width: 100%;	height: 100%;}
	.vita-section {width: 100%;	height: 100%; padding: 3rem 0;}
	.cont-section {width :100%; height: auto;}
	.imp-section {width: 100%;	height: auto;}
}

/* ----------- Retina Screens ----------- 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
} */

@media screen
	and (orientation: landscape)
	and (max-width: 1199px )
	and (min-width: 813px)
	and (max-height: 650px) {
		.page-section {padding: 2rem 0;}
		.logo {background-size: 50%;}
		.home-section {width: 100%; height: auto;}
		.news-section {width: 100%; height: auto;}
		.desk-section {width: 100%; height: auto;}
		.port-section {width: 100%; height: auto;}
		.proj-section {width: 100%;	height: auto;}
		.fors-section {width: 100%;	height: auto;}
		.vita-section {width: 100%;	height: auto;}
		.cont-section {width :100%; height: auto;}
		.imp-section {width: 100%;	height: auto;}
	}