
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){ 
	.ismobileindex {
		font-size:2px;
	}

	#logo {
	    width: 100%;
	    height: 34.7vw;
	    background-size: contain;
	}
	
}



/* Ipad hoch */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.ismobileindex {
		font-size:2px;
	}
		#logo {
		width: 100vw;
		height:37vw;
	}


	#suchform form .column {
		width: 23%;
	}

	#suchform form .column_1 {
		width: 27%;
		margin-right: 1%;
		position: relative;
	}	
}




/* iPhone 5 & 5S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 740px) { 
	.ismobileindex {
		font-size:1px;
	}


	.siteholder {
	    min-width: initial;
	}

	#contentarea {
		display: block;
	}

	#logo {
		width: 100vw;
		height:37vw;
	}

	#content {
	    width: auto;
	    margin-right: 0;
	    padding-left: 1em;
	    padding-right:1em;
	}	

	#content img {
		max-width: 100%;
		height: auto;
	}

	#rightcontent {
		width: auto;
		padding:1em;
	}

	#suchform form {
	    display: block;
	    margin: 0;
	}

	#suchform form .column {
	    width: auto;
	    margin-right: 0;
	}	
	#suchform form .column_4 .row {
		position: static;
	}
	#content.tierheim {
		width: auto;
	}	

	.suchergebnis_item {
		width: auto;
		display: block;
	}

	.suchergebnis_item_left {
		width: 100%;
	}

	.suchergebnis_item_right {
		width: 100%;
	}

	.suchergebnis_item_left .bild {
		border-bottom: 1px solid #C0DFC0;	
	}

	#mainnav ul li {
		display: inline-block;
		padding:0.3em 0;
	}

	#headnavleft {
		float: none;
		width: auto;
	}

	#headnavright {
		margin-left: 0;
		width: 100%;
   }

	#content.tierheimadmin table.edit input, #content.tierheimadmin table.edit select, #content.tierheimadmin table.edit textarea {
	    width: 100%;
	}   

	#content h1 {
	    font-size: 0.875em;	
	    line-height: 1.33em;
	}

	#hundeindex h1 {
	    font-size: 0.875em;
	    line-height: 1.33em;	    
	}
	#hundeindex p {
	    font-size: 0.875em;

   }

   #content .suchergebnis_item_left h1 {
   	font-size: 0.875em;
   }

	.suchergebnis_item   {
		font-size:1em;
	}

	#content p,
	#content a {		
		font-size:1em;
	}	
	.suchergebnis_item_right .daten {
		font-size:0.875em;	
	}

	#content h2 {
	    font-size: 1em;	
	}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 740px) 
and (orientation : landscape) { 
	.ismobileindex {
		font-size:1px;
	}



}
