@media(min-width: 480px) {
#image_belletristik {
	background-image: url("https://bibliothek.edition-romiosini.de/public/site/images/admin/romiosini-home-belletristik1_120.jpg");
	background-repeat: no-repeat;
	width: 120px;
	height: 129px;
	float:left;
	margin: 0px 10px 10px 0px;
}

#image_sachbuch {
	width: 120px;
	height: 129px;
	background-image: url("https://bibliothek.edition-romiosini.de/public/site/images/admin/romiosini-home-sachbuch2_120.jpg");
	background-repeat: no-repeat;
	float:left;
	margin: 0px 10px 10px 0px;	
}

#image_fachliteratur {
	width: 120px;
	height: 129px;
	background-image: url("https://bibliothek.edition-romiosini.de/public/site/images/admin/romiosini-home-fachliteratur1_120.jpg");
	background-repeat: no-repeat;
	float:left;
	margin: 0px 10px 10px 0px;	
}
}

@media(min-width: 768px) {
#image_belletristik {
	background-image: url("https://bibliothek.edition-romiosini.de/public/site/images/admin/romiosini-home-belletristik1_180.jpg");
	background-repeat: no-repeat;
	width: 180px;
	height: 194px;
	float:left;
	margin: 0px 10px 10px 0px;
}

#image_sachbuch {
	width: 180px;
	height: 194px;
	background-image: url("https://bibliothek.edition-romiosini.de/public/site/images/admin/romiosini-home-sachbuch2_180.jpg");
	background-repeat: no-repeat;
	float:left;
	margin: 0px 10px 10px 0px;	
}

#image_fachliteratur {
	width: 180px;
	height: 194px;
	background-image: url("https://bibliothek.edition-romiosini.de/public/site/images/admin/romiosini-home-fachliteratur1_180.jpg");
	background-repeat: no-repeat;
	float:left;
	margin: 0px 10px 10px 0px;	
}
}

@media(min-width: 1200px ) {
#image_belletristik {
	background-image: url("https://bibliothek.edition-romiosini.de/public/site/images/admin/romiosini-home-belletristik1.jpg");
	background-repeat: no-repeat;
	width: 230px;
	height: 248px;
	float:left;
	margin: 0px 17px 10px 0px;
}

#image_sachbuch {
	width: 230px;
	height: 248px;
	background-image: url("https://bibliothek.edition-romiosini.de/public/site/images/admin/romiosini-home-sachbuch2.jpg");
	background-repeat: no-repeat;
	float:left;
	margin: 0px 17px 10px 0px;	
}

#image_fachliteratur {
	width: 230px;
	height: 248px;
	background-image: url("https://bibliothek.edition-romiosini.de/public/site/images/admin/romiosini-home-fachliteratur1.jpg");
	background-repeat: no-repeat;
	float:left;
	margin: 0px 17px 10px 0px;	
}
}


/* um die statischen Seiten nach oben zu rücken muss man das für alle machen, leider */
 h2 {
	margin-top: 24px !important;
}
/* h2-Änderung an anderen Stellen wieder rückgängig machen */
.cmp_monographs_list h2 {
	margin-top:0px !important;
}
.page_announcements .obj_announcement_summary h2 {
	margin-top: 0px !important;
}

/* Texte und Links */

a:link, a:visited, a:active {
	text-decoration:underline;
	text-decoration-color: #bbb;			
}

a:hover {
	text-decoration:underline;
	text-decoration-color:#c00;
}



div.cmp_announcements a:hover {
	text-decoration:underline;
	text-decoration-color: #c00;	
}

div.cmp_announcements h3 a:hover, div.cmp_announcements h4 a:hover {
	text-decoration:none;	
}

div.page_announcements a:hover {
	text-decoration:underline;	
	text-decoration-color: #c00;
}
div.page_catalog_category a:hover {
	text-decoration:underline;	
	text-decoration-color: #c00;	
}

div.page_homepage div.cemog_home_image a:hover {
	text-decoration:none;
}

#navigationPrimary a:hover {
	color: #c00;
}

.pkp_block .title{
	color: #000;
}

.cemogHomepageText a:link  {
	font-weight: bolder;
}
.cemogHomepageText a:visited  {
	font-weight: bolder;
}

.description {
	color: #000;
	font-style:normal;
	font-size: 14px;
}

/* Ende Texte und Links */

/* Link zwischen den Homepagebildern entfernen */

/* unklar */
/*

#colorbox {
	width: 700px !important;
}



*/

/* unklar, ob noch nötig */
/*
.page_homepage .cemog_home_image a {
	text-decoration:none;
}

.obj_monograph_full h1.title {
	margin-bottom: 10px;
}

.obj_monograph_full div.authors {
	margin-bottom: 10px;
}
Strich über additional content auf startseite weg
.additional_content {
	border-top: none !important;
}

subkategorien nicht auflisten, ggf. im template auskommentieren
.pkp_structure_sidebar .is_sub {
	display:none;
}

*/
/*** feste Elemente: Navis, Header, Footer, Suche ***/

/*  Logo links neben Hauptnavi */
.pkp_site_name {
	float:left;
	position: relative;
    z-index: 10;	 
}

.pkp_site_name a {
	text-decoration: none; 
}

/* Logo ein Stück nach rechts */
.pkp_site_name .is_img img {
    padding-left: 15px; 
}
/* primary navigation ausrichten */
#navigationPrimary {
	padding: 60px 0px 0px 102px;
	text-transform: uppercase;
}
/* Unterstriche in Hauptnavi bei hover rausnehmen */
#navigationPrimary a:hover {
	border:none;
}

/* social media icons */
#navigationUser img {
  height: 20px !important;
  top: 7px;
  position: relative;
}
#navigationUser .social_media_icon {
  padding: 0px 0px 0px 3px !important;
}

/*** SUCHE ***/

/* Suchbutton ausrichten */
#headerNavigationContainer .cmp_search {
		margin-top: 60px;
}
/* Unterstrich (bei hover) unter dem Suchbutton entfernen */
#headerNavigationContainer .search_controls a:hover {
	border-bottom:none !important;
}
/* Länge des Inputfeldes begrenzen, so dass es nicht über das Logo geht */
#headerNavigationContainer .cmp_search.is_open {
	min-width: 80% !important;
}
/* Hintergrundfarbe des Suchfeldes grau, damit man es vor dem weißen Hintergrund identifizieren kann */
#headerNavigationContainer .cmp_search.is_open input {
	background-color: #ddd !important;
}

/*** FOOTER ***/
.cemog_footer {
	background-color: #ddd;	
}

.cemog_footer_category {
	float:left;
	padding-right: 20px;
	width: 200px;
}

.cemog_footer_category  ul {
	padding:0px;
}

.cemog_footer_category  li {
 list-style-type: none;
}

.cemog_footer_about {
	clear: both;
	padding-top:20px;
}
/*** SIDENAVI ***/

/* Sidebar nach links verschieben (on Nate) */

@media(min-width: 992px) {
  .pkp_structure_sidebar {
    float: left;
  }
  .pkp_structure_main {
    float: right;
  }

  .pkp_structure_main:before {
    left: 300px; /*300px*/
  }
  
  .pkp_structure_main:after {
    left: 952px; /*952px*/
  }
}

/* Listenelemente in Sidenavi ohne Bulletpoints */
#customblock-sidenavi  li {
	  list-style-type: none;
}

#customblock-sidenavi a {
	text-decoration: none;
}

#customblock-sidenavi a:hover {
	color: #c00;
}

#customblock-sidenavi {
	padding-bottom: 13px;	
}

#customblock-cemog {
	padding-top: 0px;
}

/*** STARTSEITE ***/

/* die dekorativen Trennlinien auf Hauptseite weg */
.pkp_structure_main::before, .pkp_structure_main::after {
    background: none;  
}

/* Abstände zwischen den Startseitenbildern vergrößern */
.cemog_home_image a img{
	margin: 0px 17px 25px 0px;
}
/* Homepagetextabstände */
.cemogHomepageText {
		clear: both;
	padding: 10px 100px 30px 0px;
}

/* Announcementbereich mit Überschrift und etwas hübscher */
.page_homepage .cmp_announcements h2 {
	position:relative !important;
	left: 28px;
	margin-bottom: 0;
}

.page_homepage .cmp_announcements {
	border:none;
	border-top: 1px solid #ddd !important;
	margin: 0px 0px 30px -30px;
}

/*** BUCHSEITE ***/

/* Buchseite: Liste der Sprungmarken ohne Bulletpoints und nicht eingeschoben */
.page_book .jumpmark {
  list-style-type: none;
  padding-left: 0;
}

/* Shariff-Bereich mit Linie abgrenzen und Abstand nach unten so groß wie bei den anderen Bereichen */
.page_book .entry_details .details {
	border-bottom: 1px solid #ddd;
	margin-bottom: 0px;
}
/* h3 größer, damit es sich von der normalen Schrift (Fettdruck) abhebt */
/*.page_book h3 {
	font-size: 16px !important;
}*/
/* mit Sinenavi alignen */
.page_book  .title {
	margin-bottom: 30px;
}
/* Abstand zwischen Trennlinien und Autorennamen schaffen */
.page_book .authors {
	margin-bottom: 5px;
}
/* Download-Icon auf Download-Button (Lesen, kaufen) entfernen */
.page_book .entry_details  a.cmp_download_link::before{
	display:none !important;
}

/*** weitere Seiten ***/

/* Überschrift "Unterkategorie" ausblenden z.B. http://dev.edition-romiosini.de/catalog/category/autoren*/
.subcategories h2 {
	display:none;
}

/* Monograph count auf den Kategorieseiten entfernen */
.page_catalog_category .monograph_count {
	display:none;
}

/* Terms of Use sollen nicht schräg gedruck sein (Standard wenn required) */ 
.cemogTermsOfUse .label, a {
	font-style:normal;
}

/* ############################################################ */



.page_about {
	margin-top: -11px;
}

.page_book  {
	padding-top: 22px;
}

.page_announcement  .obj_announcement_full h1 {
	margin-top:22px;
}

.page_announcements  .cmp_announcements li {
	padding-top: 11px ;
}

.block_language a {
	text-decoration:none;
}

.pkp_navigation_primary a {
	text-decoration:none;
}
.pkp_footer_content a {
	text-decoration:none;
}

.pkp_footer_content a:hover{
	color: #c00;
}

.obj_monograph_summary a {
		text-decoration:none;
}

.cmp_breadcrumbs a {
	text-decoration:none;
}

.pkp_navigation_user a  {
		text-decoration:none;
}

.block_language a:hover {
	color: #c00;
}



/* noch einarbeiten: 

.cmp_monographs_list {
	margin-top: 15px;
}

.page_catalog_category, .page_catalog_series {
	margin-top: 6px;
}


.block_language {
	padding-top: 0px;
	
}
.pkp_structure_main h2 {
	margin-top: 24px;
}





.page_announcement  .obj_announcement_full {
	padding-top: 22px;
}

.page_announcements  .obj_announcement_summary h2 {
	margin-top: 0px ;
}

.page_announcements  .cmp_announcements li {
	padding-top: 11px ;
	border-bottom-color: #fff;
}

.page_about p {
	margin-top: 6px;
}

*/