/* Custom CSS Start ########################################################## */

/* Common Query ========================================================== */
body {
    background-color: #d9d9d9 !important;
}
.container{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
h1 {
	font-size: 1.4em !important;
	font-weight: bold !important;
}
h2 {
	font-size: 1.3em !important;
	font-weight: bold !important;
}
h3 {
	font-size: 1.2em !important;
	font-weight: bold !important;
}
a{
	color: #000000 !important;
}	
table {
    border-collapse: inherit !important;
}	 
.fsSubTable{
	width: 100%;
}
h1, h2, h4{
	/*text-transform: capitalize !important;*/
}

/* Header ========================================================== */
.mainNavBar a {
	text-transform: capitalize !important;
}
.mainNavBar #nummer {
	padding: 0 !important;
}
.mainNavBar #nummer #fnr{
	position: relative !important;
}
.mainNavBar #nummer input[type="text"] {
	padding: 3px 40px 3px 15px !important;
	border-radius: 50px !important;
	border: 0 !important;
	outline: none !important;
	width: 150px !important;
	font-size: 0.8em !important;
	text-align: left !important;
}
.mainNavBar #nummer button[type="submit"],
.mainNavBar #nummer input[type="submit"]	{
	background: transparent !important;
	border: 0 !important;
	font-size: 1em !important;
	color: #a09a9a !important;
	position: absolute !important;
	top: 7px !important;
	right: 5px !important;
	cursor: pointer !important;
}


/* Main Sidebar ========================================================== */
.mainSideBar a {
	text-transform: capitalize !important;
}

/* Page Sidebar ========================================================== */
.pageSideBar h3 {
	font-size: 1em !important;
    font-weight: normal !important; 
}

/* Footer ========================================================== */	
.footer {
    position: relative !important;
    bottom: 0 !important;
    background: #b81d51 !important;
	padding: 20px !important;
    width: 100% !important;
	margin-top: 100px;
}	
.footer #logo {
	position: relative !important;
	top: -45px !important;
	left: auto !important;
}
.footer #logo img{
    max-width: 130px !important;
    height: auto !important;
}
.footer .footerNavBar {
 
}
.footer .footerNavBar a{
	display: block !important;
	text-decoration: none !important;
	color: #ffffff !important;
}
.footer .copyRight {
    text-align: center !important;
    color: #ffffff !important;
    line-height: 1em !important;
    padding-bottom: 10px !important;
}

	
/* Scroll To Top ========================================================== */	
.scrollToTop{
	width: 30px;
	height: 30px;
	background: #b81d51;
	position: fixed;
	right: 10px;
	bottom: 150px;
	border-radius: 50%;
	cursor: pointer;
	padding: 0;
	visibility: hidden;
	opacity: 0;
	transition: 0.5s ease-in-out;
	color: #ffffff;
    font-weight: 500;
    font-size: 1.2em;
    transform: rotate(-90deg);
    text-align: center;
}
.scrollToTop i{
	color:#ffffff;
	font-size: 2em;
}
.scrollToTop.active{
	visibility: visible;
	opacity: 1;
	bottom: 250px;
}

/* Page - Home ========================================================== */
.tdlindex a, 
.tdrindex a{
	text-decoration: none !important;
}


/* Page - Das Team ========================================================== */
.ueber .kontakt {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


/* Page - Hausverwaltung ========================================================== */
.verwaltung {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.verwaltung div{
	width: 100%;
}
.verwaltung div.img-section {
    width: 50%;
    max-width: 200px;
}
.verwaltung div.fur-section {
	width: 50%;
}
	
	
/* Page - Reference ========================================================== */
.referenceTable tr td:nth-child(1) {
    text-align: left;
}
.referenceTable tr td:nth-child(2) {
    text-align: right;
}
.referenceTable h3 {
    text-align: center !important;
    padding: 10px 0 20px 0 !important;
}


/* Page - Suche ========================================================== */
.suche table.fse {
    width: 100%;
}
.suche table.fse tr td {
    
}
.fseTD1{
	width:40%;
}
.fseTD2{
	width:60%;
}
.suche table.fseSubTableI,
.suche table.fseSubTableII{
    width: 100%;
}
.suche table.fseSubTableI tr td {
    width: 50%;
}
.suche table.fseSubTableII tr td {
    width: 33.33%;
}
input.s3{
		width:50px;
	}




/* Page Query ========================================================== */

/* Header -------------------------- */

/* Content -------------------------- */

/* Footer -------------------------- */



                  
/* Responsive CSS ########################################################## */

/* Desktop Query ========================================================== */
@media only screen and (min-width: 1025px) {
	.desktopHide{
		display: none !important;
	}
}


/* Mobile Query ========================================================== */
@media only screen and (max-width: 1026px) {

	.mobileHide{
		display: none !important;
	}

	/* Common Query ========================================================== */
	#alles,
	.container{
		max-width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#main {
		margin-left: auto !important;
		/*min-height: 100vh !important;*/
	}
	#inhaltquick {
		padding-left: 5px !important;
		padding-right: 5px !important;
		min-height: calc(100vh - 500px) !important;
		display: flex;
		flex-direction: column-reverse;
	}
	#inhalt {
		margin-right: auto !important;
		width: 100% !important;
	}
	
	/* Header ========================================================== */
	ul.marquee {
		width: 100% !important;
		margin: auto !important;
		overflow: visible !important;
		height: 40px !important;
	}
	ul.marquee li {
		white-space: break-spaces !important;
		line-height: 1.4em !important;
		text-align: center !important;
	}
	.languageBar {
		padding-top: 0 !important;
		text-align: left !important;
		padding: 0 10px !important;
	}
	.languageBar img{
		/*width: 30px !important;*/
	}
	.mainNavBar {
		/*overflow: hidden;*/
		background-color: #b81d51 !important;
		min-height: 80px !important;
		position: relative !important;
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: center !important;
	}
	.mainNavBar #nummer {
		padding: 7px !important;
	}
	.mainNavBar #nummer input[type="text"] {
		padding: 10px 40px 10px 10px !important;
	}
	.mainNavBar #nummer button[type="submit"],
	.mainNavBar #nummer input[type="submit"]	{
		top: 13px !important;
	}
	
	
	.mainNavBar #logo {
		position: relative !important;
		top: -16px !important;
		right: 15% !important;
		left: auto !important;
	}
	.mainNavBar #logo img{
		max-width: 80px !important;
		height: auto !important;
	}


	.mainNavBar .menuToggle {
		color: #ffffff !important;
		padding: 12px 16px !important;
		text-decoration: none !important;
		font-size: 2em !important;
		position: absolute !important;
		right: 0 !important;
	}
	
	
	.mainNavBar #mnu {
		display: none;
		background: #b81d51 !important;
		position: absolute !important;
		top: 80px !important;
		right: 0 !important;
		max-width: 180px !important;
		width: 100% !important;
		padding: 0 12px !important;
		z-index: 9999 !important;
	}
	.mainNavBar #mnu a {
		display: block !important;
		color: #ffffff !important;
		padding: 8px !important;
		text-decoration: none !important;
		font-size: 1em !important;
		text-align: right !important;
		border-bottom: 1px solid #ffffff;
	}
	.mainNavBar #mnu a:last-child {
		border-bottom: none !important;
	}
	.mainNavBar #mnu a:hover {
	  background: #ffffff !important;
	  color: #b81d51 !important;
	}
	.mainNavBar #submenu {
		display: none;
		background: #b81d51 !important;
		position: absolute !important;
		right: 180px !important;
		max-width: 180px !important;
		width: 100% !important;
		padding: 10px !important;
		margin-top: -50px !important;
		z-index: 9999 !important;
	}
	.mainNavBar #mnu a.subMenuToggle {
		padding-left: 0 !important;
	}
	.mainNavBar .subMenuToggle .fa {
		float: left !important;
		font-size: 1.4em !important;
	}
	
	/* Page Sidebar ========================================================== */
	.pageSideBar {
		float: none !important;
		margin: 0 auto !important;
		width: 100% !important;
	}
	.pageSideBar #florida img{
		width: 100% !important;
	}
	
	/* Footer ========================================================== */	
	.footer #logo {
		display: flex;
		justify-content: center;
	}
	.footer .col-md-4:nth-child(2), 
	.footer .col-md-4:nth-child(3) {
		/*width: 50% !important;
		padding-bottom: 30px;*/
		padding-bottom: 20px;
		text-align: center;
	}

	
	/* Page - Home ========================================================== */
	.tdlindex, 
	.tdrindex {
		width: 100% !important;
		margin: 10px 0 !important;
	}
	.tdlindex img, 
	.tdrindex img {
		width: 100% !important;
	}
	

	/* Page - Projekt ========================================================== */
	.projekt .projektImages {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.projekt #projimage {
		width: 100% !important;
		background-size: cover !important;
	}
	.projekt #projnav {
		/*display: flex;
		justify-content: space-between;*/
	}
	.projekt .prev {
		position: relative;
		left: -20px;
	}
	.projekt .next {
		position: relative;
		right: -20px;
	}
	.projekt #projnav span {
		display: none !important;
	}
	.projekt #projnav a {
		display: inline-block;
		width: 25px !important;
		height: 20px  !important;
		line-height: 20px !important;
		font-size: 1.4em !important;
		font-weight: normal !important;
	}

	
	/* Page - Das Team ========================================================== */
	.ueber .kontakt {
		flex-direction: column-reverse !important;
	}
	.ueber .kontakt .uk-img{
		margin-bottom: 20px;
	}
	.ueber .kontakt img {
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 80% !important;
	}
	.ueber .kontakt .no-img {
		background: #bbbbbb;
		border: 2px solid #000000;
		display: flex;
		width: 80%;
		min-height: 350px;
		justify-content: center;
		align-items: center;
	}

	
	/* Page - Hausverwaltung ========================================================== */
	.verwaltung {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.verwaltung div,
	.verwaltung div.img-section,
	.verwaltung div.fur-section{
		width: 100% !important;
	}
	.verwaltung div.img-section{
		order: 4;
	}
	.verwaltung div.kommr-section {
		order: 5;
		padding-top: 15px;
	}

	/* Page - Reference ========================================================== */
	.referenceTable{
		width: 100% !important;
	}
	.referenceTable tr td {
		width: 100% !important;
		display: block !important;
	}
	.referenceTable tr td img{
		width: 100% !important;
	}
	
	/* Page - Kontakt ========================================================== */
	.kontaktTable{
		width: 100% !important;
	}
	.kontaktTable tr td {
		width: 100% !important;
		display: block !important;
	}
	.kontaktTable tr td:first-child {
		padding-bottom: 0 !important;
	}
	.kontaktTable tr td:nth-child(2) {
		padding-top: 0 !important;
	}
	.kontaktTable tr td.security_code {
		text-align: center !important;
	}
	.kontaktTable tr td.security_code img{
		margin-bottom: 10px !important;
	}
	.kontaktTable tr td.security_code span {
		display: none !important;
	}
	.kontaktTable input[type=text],
	.kontaktTable textarea{
		display: block;
		width: 100%;
		padding: 0.375rem 0.75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #212529;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px  solid #ced4da;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0.25rem ;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
	.kontaktTable select{
		display: block;
		width: 100%;
		padding: 0.375rem 0.75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #212529;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px  solid #ced4da;
		border-radius: 0.25rem ;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		padding: 10px !important;
	}
	.kontaktTable input[type=text]:focus,
	.kontaktTable textarea:focus,
	.kontaktTable select:focus {
		color: #212529;
		background-color: #fff;
		border-color: #86b7fe;
		outline: 0;
		box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
	}
	.kontaktTable input[type=reset],
	.kontaktTable input[type=submit]{
		display: block;
		width: 100%;
		margin: 10px 0;
		font-weight: 400;
		line-height: 1.5;
		color: #ffffff !important;
		background: #b81d51 !important;
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		background-color: transparent;
		border: 1px solid transparent;
		padding: 0.5rem 1rem;
		font-size: 1.25rem;
		border-radius: 0.3rem;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
	
	/* Page - Search ========================================================== */
	.search {
		display: flex;
		flex-direction: column-reverse;
	}
	.search #detailbild{
		display: none;
	}
	.search .sliderWrapper {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.search #slider a {
		display: block;
	}
	.search #slider img {
		min-width: 300px;
		width: 100%;
		height: auto;
	}
	.search #prev {
		position: relative;
		left: -10px;
	}
	.search #next {
		position: relative;
		right: -10px;
	}
	.search .fa {
		font-size: 1.2em !important;
	}
	.search #detailtext {
		margin: 0 !important;
	}
	.search table {
		margin-bottom: 20px;
	}
	.search .anfrage {
		background: #b81d51 !important;
		color: #ffffff !important;
		border-radius: 50px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		margin-bottom: 10px;
		padding: 6px  10px;
	}
	.searchUnavailable{
		width: 100%
	}
	
	/* Page - Suche ========================================================== */
	.suche{
		width: 100%;
	}
	.suche table.fs {
		margin-top: 30px;
	}
	.suche table.fs tr td {
		display: inline-block !important;
		width: 50% !important;
		text-align: right !important;
	}
	.suche table.fs tr:nth-last-child(2) > td {
		width: 100% !important;
	}
	.suche table.fs tr:nth-last-child(2) > td table tr td{
		width: 100% !important;
		text-align: right !important;
	}
	.suche table.fs tr.inputSubmit > td:last-child {
		width: 100% !important;
		text-align: center !important;
	}
	
	

	
	
	.suche table.fse tr td.fseTD {
		display: inline-block !important;
		width: 100% !important;
	}
	.suche table.fseSubTableI tr td{
		text-align: right !important;
	}
	.suche table.fseSubTableII tr {
		display: inline !important; 
	}
	.suche table.fseSubTableII tr td{
		width: 49% !important;
		display: inline-block !important;
	}
	.suche table.fseSubTableII tr td.empty{
		display: none !important;
	}
	.suche table.fse tr.inputSubmit > td {
		width: 100% !important;
		text-align: center !important;
		padding-top: 20px !important;
	}
	
	.suche label {
		display: block;
	}
	.suche select{
		min-width: 250px !important;
		display: inline-block;
		padding: 0.375rem 0.75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #212529;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px  solid #ced4da;
		border-radius: 0.25rem ;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		margin: 5px 0;
	}
	.suche select:focus {
		color: #212529;
		background-color: #fff;
		border-color: #86b7fe;
		outline: 0;
		box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
	}
	.suche input[type=submit] {
		background: #b81d51 !important;
		color: #ffffff !important;
		border-radius: 50px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		margin-bottom: 10px;
		padding: 6px  10px;
	}
	
	/* Page - Suchergebnis ========================================================== */
	.suchergebnisTable{
		margin-top: 30px !important;
		width: 100% !important;
	}
	.suchergebnisTable .header{
		display:none;
	}
	.suchergebnisTable,
	.suchergebnisTable tbody,
	.suchergebnisTable tr,
	.suchergebnisTable td{
		display:block;
		width:100%;
	}
	.suchergebnisTable tr{
		margin-bottom: 50px;
	}
	.suchergebnisTable td::before{
		content:attr(data-label);
		position:absolute;
		left: 0;
		top: 0;
		width:100%;
		min-height: 30px;
		text-align:left;
		padding: 5px;
		font-weight:bold;
		background: #b5b5b5;
		color: #ffffff;
	}
	.suchergebnisTable td{
		padding:0;
		position:relative;
		background: #e143b0;
		min-height: 70px  !important;
		padding: 5px !important;
		padding-top: 40px  !important;
		text-align: left !important;
	}
	.suchergebnisTable td.empty{
		display: none !important;
	}
	.suchergebnisTable td img{
		width: 100% !important;
		height: auto !important;
	}
	.suchergebnisTable td span {
		display: block;
		width: 100%;
		padding: 10px;
		background: #ffffff;
		color: #000000;
	}
	.suchergebnisTable .emptyCol{
		display:none !important;
	}
	
	/* Page - Sorglospaket ========================================================== */
	.sorglospaket{
		width: 100%
	}
	.sorglospaket img{
		width: 100% !important;
		height: auto !important;
	}
	
	/* Page - Impressum ========================================================== */
	.impressum{
		width: 100%
	}
	
}



/* Media Query ========================================================== */
@media screen and (max-width : 320px){

}
@media screen and (min-width : 321px) and  (max-width: 480px){

}
@media screen and (min-width : 481px) and  (max-width: 640px){

}
@media screen and (min-width : 641px) and (max-width : 768px){

}
@media screen and (min-width : 769px) and (max-width : 1024px){

}
@media screen and (min-width : 1025px) and (max-width : 1224px){

}
@media screen and (min-width : 1225px){

}


/* iphone ========================================================== */

/* iphone 3 -------------------------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 1) {

}
/* iphone 4 -------------------------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) {

}
/* iphone 5 -------------------------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) { 

}
/* iphone 6, 6s -------------------------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 

}
/* iphone 7, 8 -------------------------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 

}
/* iphone 6+, 6s+, 7+, 8+ -------------------------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { 

}
/* iphone X -------------------------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) { 

}


/* ipad ========================================================== */

/* For general iPad layouts -------------------------- */
@media only screen and (device-width: 768px) {
	/* Common Query ========================================================== */
	#inhaltquick {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	/* Page Sidebar ========================================================== */
	.pageSideBar {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
	}
	
	/* Footer ========================================================== */	
	.footer #logo {
		display: block !important;
	}
	.footer .col-md-4:nth-child(2), 
	.footer .col-md-4:nth-child(3) {
		/*width: 33.33333333% !important;*/
		text-align: left !important;
	}
	
	/* Page - Home ========================================================== */
	.tdlindex, 
	.tdrindex {
		width: calc(50% - 30px) !important;
		margin: 10px !important;
	}
	
	/* Page - Das Team ========================================================== */
	.ueber {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.ueber .kontakt {
		width: 50% !important;
	}
	.ueber .kontakt:first-child {
		margin-right: 50% !important;
	}

	
	/* Page - Referenzen ========================================================== */
	.referenceTable tr td {
		width: 50% !important;
		display: inline-block !important;
		padding: 0 20px;
	}
	
	
	/* Page - Hausverwaltung ========================================================== */
	.verwaltung {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
	}
	.verwaltung div{
		width: 100% !important;
	}
	.verwaltung div.img-section {
		width: 50% !important;
		max-width: 200px !important;
	}
	.verwaltung div.kommr-section {
		width: 50% !important;
		display: flex;
		flex-direction: column;
		justify-content: end;
	}
	.verwaltung div.kommr-section p:last-child {
		margin-bottom: 0 !important;
	}
	
	/* Page - Kontakt ========================================================== */
	.kontaktTable tr td {
		width: 60% !important;
		margin: 0 auto;
	}
	.kontaktTable input[type=reset], 
	.kontaktTable input[type=submit] {
		display: inline-block;
		width: auto;
		margin: 5px;
	}
	
	/* Page - Search ========================================================== */
	.search #detailbild{
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		width: 100% !important;
	}
	.search #detailbild img {
		min-width: 200px;
		height: auto;
		width: 100%;
		margin: 25px  0;
	}
	.search .sliderWrapper{
		display: none !important;
	}
	

	/* Page - Suche ========================================================== */	
	.suche table.fs tr {
		display: inline !important;
	}	
	.suche table.fs tr td {
		width: 24% !important;
		display: inline-block !important;
	}
	.suche table.fs tr:nth-last-child(2) > td {
		padding-right: 17px !important;
	}
	.suche table.fs tr:nth-last-child(2) > td table tr td {
		width: 48% !important;
	}
	.suche table.fsSubTable {
		width: 100% !important;
	}
	.suche table.fseSubTableII tr td{
		padding-right: 15px !important;
	}
	.suche table.fse tr td.fseTD {
		display: inline-block !important;
		width: 50% !important;
	}

	/* Page - Suchergebnis ========================================================== */
	.suchergebnisTable td {
		min-height: 50px !important;
		padding: 5px !important;
		padding-left: 35% !important;
		border: 1px  solid #b5b5b5;
	}
	.suchergebnisTable td::before {
		width: 30% !important;
		height: 100% !important;
	}

	
/* For portrait layouts only -------------------------- */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	/* Common Query ========================================================== */
	#inhaltquick {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	
	/* Page Sidebar ========================================================== */
	.pageSideBar {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
	}
	
	/* Footer ========================================================== */	
	.footer #logo {
		display: block !important;
	}
	.footer .col-md-4:nth-child(2), 
	.footer .col-md-4:nth-child(3) {
		/*width: 33.33333333% !important;*/
		text-align: left !important;
	}
	
	/* Page - Home ========================================================== */
	.tdlindex, 
	.tdrindex {
		width: calc(50% - 30px) !important;
		margin: 10px !important;
	}
	
	/* Page - Das Team ========================================================== */
	.ueber {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.ueber .kontakt {
		width: 50% !important;
	}
	.ueber .kontakt:first-child {
		margin-right: 50% !important;
	}
	
	/* Page - Referenzen ========================================================== */
	.referenceTable tr td {
		width: 50% !important;
		display: inline-block !important;
		padding: 0 20px;
	}
	
	/* Page - Hausverwaltung ========================================================== */
	.verwaltung {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
	}
	.verwaltung div{
		width: 100% !important;
	}
	.verwaltung div.img-section {
		width: 50% !important;
		max-width: 200px !important;
	}
	.verwaltung div.kommr-section {
		width: 50% !important;
		display: flex;
		flex-direction: column;
		justify-content: end;
	}
	.verwaltung div.kommr-section p:last-child {
		margin-bottom: 0 !important;
	}
	
	/* Page - Kontakt ========================================================== */
	.kontaktTable tr td {
		width: 60% !important;
		margin: 0 auto;
	}
	.kontaktTable input[type=reset], 
	.kontaktTable input[type=submit] {
		display: inline-block;
		width: auto;
		margin: 5px;
	}
	
	/* Page - Search ========================================================== */
	.search #detailbild{
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		width: 100% !important;
	}
	.search #detailbild img {
		min-width: 200px;
		height: auto;
		width: 100%;
		margin: 25px  0;
	}
	.search .sliderWrapper{
		display: none !important;
	}
	
	/* Page - Suche ========================================================== */	
	.suche table.fs tr {
		display: inline !important;
	}	
	.suche table.fs tr td {
		width: 24% !important;
		display: inline-block !important;
	}
	.suche table.fs tr:nth-last-child(2) > td {
		padding-right: 17px !important;
	}
	.suche table.fs tr:nth-last-child(2) > td table tr td {
		width: 48% !important;
	}
	.suche table.fsSubTable {
		width: 100% !important;
	}
	.suche table.fseSubTableII tr td{
		padding-right: 15px !important;
	}
	.suche table.fse tr td.fseTD {
		display: inline-block !important;
		width: 50% !important;
	}
	
	/* Page - Suchergebnis ========================================================== */
	.suchergebnisTable td {
		min-height: 50px !important;
		padding: 5px !important;
		padding-left: 35% !important;
		border: 1px  solid #b5b5b5;
	}
	.suchergebnisTable td::before {
		width: 30% !important;
		height: 100% !important;
	}
}
/* For landscape layouts only -------------------------- */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	/* Common Query ========================================================== */
	#inhaltquick {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	
	/* Page Sidebar ========================================================== */
	.pageSideBar {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
	}
	
	/* Footer ========================================================== */	
	.footer #logo {
		display: block !important;
	}
	.footer .col-md-4:nth-child(2), 
	.footer .col-md-4:nth-child(3) {
		/*width: 33.33333333% !important;*/
		text-align: left !important;
	}
	
	/* Page - Home ========================================================== */
	.tdlindex, 
	.tdrindex {
		width: calc(50% - 30px) !important;
		margin: 10px !important;
	}
	
	/* Page - Das Team ========================================================== */
	.ueber {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.ueber .kontakt {
		width: 50% !important;
	}
	.ueber .kontakt:first-child {
		margin-right: 50% !important;
	}
	
	/* Page - Referenzen ========================================================== */
	.referenceTable tr td {
		width: 50% !important;
		display: inline-block !important;
		padding: 0 20px;
	}
	
	
	/* Page - Hausverwaltung ========================================================== */
	.verwaltung {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
	}
	.verwaltung div{
		width: 100% !important;
	}
	.verwaltung div.img-section {
		width: 50% !important;
		max-width: 200px !important;
	}
	.verwaltung div.kommr-section {
		width: 50% !important;
		display: flex;
		flex-direction: column;
		justify-content: end;
	}
	.verwaltung div.kommr-section p:last-child {
		margin-bottom: 0 !important;
	}
	
	/* Page - Kontakt ========================================================== */
	.kontaktTable tr td {
		width: 60% !important;
		margin: 0 auto;
	}
	.kontaktTable input[type=reset], 
	.kontaktTable input[type=submit] {
		display: inline-block;
		width: auto;
		margin: 5px;
	}
	
	/* Page - Search ========================================================== */
	.search #detailbild{
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		width: 100% !important;
	}
	.search #detailbild img {
		min-width: 200px;
		height: auto;
		width: 100%;
		margin: 25px  0;
	}
	.search .sliderWrapper{
		display: none !important;
	}
	
	/* Page - Suche ========================================================== */	
	.suche table.fs tr {
		display: inline !important;
	}	
	.suche table.fs tr td {
		width: 24% !important;
		display: inline-block !important;
	}
	.suche table.fs tr:nth-last-child(2) > td {
		padding-right: 17px !important;
	}
	.suche table.fs tr:nth-last-child(2) > td table tr td {
		width: 48% !important;
	}
	.suche table.fsSubTable {
		width: 100% !important;
	}
	.suche table.fseSubTableII tr td{
		padding-right: 15px !important;
	}
	.suche table.fse tr td.fseTD {
		display: inline-block !important;
		width: 50% !important;
	}
	
	/* Page - Suchergebnis ========================================================== */
	.suchergebnisTable td {
		min-height: 50px !important;
		padding: 5px !important;
		padding-left: 35% !important;
		border: 1px  solid #b5b5b5;
	}
	.suchergebnisTable td::before {
		width: 30% !important;
		height: 100% !important;
	}
	
}


/* ipad pro ========================================================== */

/* Portrait and Landscape -------------------------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {

}
/* Portrait -------------------------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

}
/* Landscape -------------------------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

}
/* Custom CSS End ########################################################## */