/* SMALL SCREEN ADAPTATIONS */

@media screen and (max-width: 768px) { 

	html, body {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		/*background-color: yellow ;*/
		max-width:100%;
	}	
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	.area {
		margin-bottom:1em;
	}	
	.area::after {
		content: "\00a0 ";
		color: red;
		display: block;
		background-repeat: repeat;
		background-color: whitesmoke;
		background-position: bottom;
		height: 7px;
		overflow: hidden;
		position: relative;
		/*left: -10px;*/
		clear: both;
		margin-top: 10px;
	}	

	h1 {
		margin: 0px 0px 15px 15px;
		padding: 0px;
		font-size: 35px;
	}
	h1.hbar, h2.hbar{ 
    font-size: 30px;
	}	        
	h1.hbar:after, h2.hbar:after,
	.autoanchors h3:after,
	h1.hbar:before, h2.hbar:before,
	.autoanchors h3:before
	  {
	/* no line below */
   content: none;
} 
h1.hbar
	.textcache h2 {
		margin: 25px 0px 5px 0px;
		padding: 0px;
		font-size: 25px;
	}
	
	.xarea, .item-line, .leporello-item {
/*		background-color: yellow !important;*/
		margin: 10px 10px 0px 10px;
		padding: 0px 0px 5px 0px;
		width: auto;
		border: none;	
			
	}
	.item-line {
		margin: 5px 0px 5px 0px !important;
		padding: 0px 0px 5px 0px; !important;
		
	}
	
	.xarea::after, 
	.item-line::after,
	.leporello-item::after 
	  {
		content: "\00a0 ";
		color: red;
		display: block;
		background-repeat: repeat;
		background-color: whitesmoke;
		background-position: bottom;
		height: 7px;
		/*width: calc(100% + 45px);*/
		overflow: hidden;
		position: relative;
		/*left: -10px;*/
		clear: both;
		margin-top: 10px;
	}
	
	.area-top::after {
		height: 0px;
	}
	.area-top {
/*		background-color: yellow !important;*/
		xmargin: 0px 5px 5px 0px;
		padding: 0px 0px 0px 0px; 
	}
	
	#pagecontainer {
		border: 0px;
		padding: 0px;
/*		background-color: blue !important;*/
	}
	.pagecontent {
		border: 0px;
		padding: 0px;
/*		background-color: green;*/
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
/*    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
*/
	}
	#topsearchbox .tt-dropdown-menu {
		width: 100%;
	}
	#topsearchfield {
		padding-right: 0px;
	}
	.searchandfb-xs {
		clear: both;
		height: auto;
		margin-right: 5px;
	}	
	.uvlogo-collapsed {
		margin-bottom: 5px;
	}
	.navbar-toggle {
    margin-right: 1px;
    }
	
	#mainmenu {
		margin: 15px 0px 0px 10px;
	}
	#pagefooter {
		height: auto;
		top: 0px;
		padding: 0px;
		margin: 0px 10px 0px 10px;
		background-color: whitesmoke;
		position: static;
			
	}
	.footer-left, .footer-right {
		border: 0px solid darkgray;
		margin: 5px 5px 5px 5px;
		padding: 5px;
	}
	#socialshareprivacy {
    height: auto;
    margin-bottom: 35px;
	}
	.tt-dropdown-menu {
	
	}	
	
	/* TITLE, PERSON, TEXT Main Page */
	.covernormal {
		max-width: 40%;
	}
	#titletitarea h1,
	#person_pane h1
	 {
    font-size: 22px;
    margin-bottom: 8px;
    margin-top: 8px;
	}
	#fparticlearea h3{
		font-size: 20px;
		margin-bottom: 5px;
		margin-top: 0px;
	}
	.pagelead {
		font-size: 100%;
	}
	.dl-iconlist > dt {
    float: left;
	}
	#titothereditionsarea {
		margin-top: 5px;
	}
	.operator{
		display: none;
	}
	
	/* Secondary pages */
	#titlelist_pane .infoheader {
		margin-top: 5px;
	}

/* GALLERY quick and dirty - remove annoying parts */	
.blueimp-gallery > .glryheader {
	display: none
}
.blueimp-gallery > .glryrights {
	display: none
}
.blueimp-gallery > .glrydates {
	display: none
}
.blueimp-gallery > .indicator > li {
	display: none
}
.blueimp-gallery > .prev,
.blueimp-gallery > .next {
	display: none;
}
}  /*@media screen */
