/*
/   name           Favourite
/   version        4.1
/   description    Responsive and customizable Joomla!3 template
/   demo           http://demo.favthemes.com/favourite
/   author         FavThemes
/   author URL     https://www.favthemes.com
/   copyright      Copyright (C) 2012-2017 FavThemes.com. All Rights Reserved.
/   license        Licensed under GNU/GPLv3 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

/*//////////////////////////////////////////////////////////////////////////////
///
///  custom style
///
//////////////////////////////////////////////////////////////////////////////*/

/* Google fonts lokal einbinden */

/* comfortaa-regular - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/comfortaa-v40-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v40-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v40-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v40-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v40-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
}


/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

#fav-headerwrap .favnav li a, #fav-headerwrap .favnav li a, #fav-headerwrap .favnav li a:hover, #fav-headerwrap .favnav li a:focus, #fav-headerwrap .favnav li.active .nav-header, #fav-headerwrap .favnav li .nav-header:hover, #fav-headerwrap .favnav li .nav-header:focus {
font-family: 'Arial';
}

.fav-container .page-header h2 {
font-family: 'Comfortaa';
}

#phocaguestbook .page-header h1 {
font-family: 'Comfortaa';
}


body {
font-family: 'Open Sans';
}


/* Änderungen an /Joomla3.7/templates/favourite/css/cms.css */

/* well - grauer Kasten hinter Breadcrump- und Footer-Navigation */

.well {
min-height: 10px;
padding: 0px 10px;
margin: 10px 0px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

#fav-mainbottom2 .well {
min-height: 33px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
margin-left:0px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}


/* Änderungen an /Joomla3.7/templates/favourite/css/style.css */

/*//////////////////////////////////////////////////////////////////////////////
///
/// 1.4. navigation
///
//////////////////////////////////////////////////////////////////////////////*/
/*/
///
/// nav styles
///
/*/
/* default */
.favnav ul.nav > li > a,
.favnav ul.nav > li > .nav-header {
margin: 0px 14px;
padding: 34px 0px 35px;
padding: 30px 0px 20px;
letter-spacing: 1px;
}

/*//////////////////////////////////////////////////////////////////////////////
///
/// 1.5. module positions
///
//////////////////////////////////////////////////////////////////////////////*/
/*/
///
/// slide - grauer Hintergrund mit Punkten hinter dem Rosenbild
///
/*/
#fav-slidewrap {
padding-top: 0px;
padding-bottom: 0px;
background-image: url(/images/bilder/Punkt.jpg);
  background-repeat: repeat;
}

/*/// mobile ///*/
@media (max-width: 767px) {
#fav-slidewrap {
margin-top: 15px;
margin-bottom: 5px;
background-image: url(/images/bilder/weiss.gif);
background-repeat: repeat;
}
}

/* Änderungen an /Joomla3.7/templates/favourite/css/theme.css */

/*//////////////////////////////////////////////////////////////////////////////
1. reset
//////////////////////////////////////////////////////////////////////////////*/

/* typography */
p { margin: 0 0 1em 0; font-size: 17px; line-height:normal;} /* Änderung */
/* images */
img { max-width: 100%; height: auto; display: inline-block; }
p img { padding: 7px; background-color: rgba(17, 17, 17, 0.1); }
.moduletable.favth-clear p img { background-color: rgba(255, 255, 255, 0.1); }
img.favth-img-rounded { margin: 15px 0 0 0;} /* Änderung */

/*//////////////////////////////////////////////////////////////////////////////
2. header
//////////////////////////////////////////////////////////////////////////////*/
/*/
///
/// default
///
/*/

/* eigene Klassen */
.abstand {
margin-top:25px;
}
.abstand1 {
margin-top:0px;
}


/*/
///
/// slide
///
/*/
#fav-slide {
padding: 0px 0px 0px 0px;
} /* Änderung */
/*/
///
/// breadcrumbs
///
/*/
/* breadcrumb */
#fav-breadcrumbs .breadcrumb {
padding: 5px 0px; 
margin: 0px 0px;
font-size:14px;
list-style: none;
background-color: transparent;
border-radius: 0px;
} /* Änderung padding und font-size */

/*/
///
/// overlay
///
/*/
.fav-overlay {
background-color: rgba(17, 17, 17, 0.1);
} /* Änderung background-color */

/*/// mobile Überschriftgröße und Fließtext Gebetsanliegen für mobile Ansicht anpassen ///*/
@media (max-width: 767px) {
#phocaguestbook.guestbook_titel h1 {
font-size: 23px;
color:#C90606;
}

}


/*!
 * Formatierung Menüleiste-Footer horizontal, statt ursprünglich.nav => #fav-mainbottom2
 */

#fav-mainbottom2 li a {display: inline; float: left; line-height: 33px; padding-left: 15px; color: #C90606; font-size: 1em}
#fav-mainbottom2 li a:hover, #fav-mainbottom2 li a:focus{text-decoration:none;color:#000; display: inline}

/*!
 * Formatierung Menüleiste-Header Ausklappmenü, statt ursprünglich.nav => #fav-header
 */

#fav-header{margin-bottom:0px;margin-left:30;list-style:none} #fav-header>li>a{display:block}#fav-header>li>a:hover,#fav-header>li>a:focus{text-decoration:none;color:#000}#fav-header>li>a>img{max-width:none}

/*
/  Formatierung der Überschrift h1 und Fließtext von Gebetsanliegen für Smartphone
*/

@media (max-width: 767px) {
.guestbookgebetsanliegen h1
 {
  font-size: 24px;
  color: #C90606;
}

  {
  font-size: 24px;
  color: #C90606;
} 

.pgb-content-inside {
      font-size: 15px;
	  line-height: normal;
  	color: #000;
}
  
  /*!
 * Formatierung Menüleiste-Footer horizontal bei Smartphone, statt ursprünglich.nav => #fav-mainbottom2
 */

#fav-mainbottom2 li a {display: inline; float: left; line-height: 33px; padding-left: 15px; color: #C90606; font-size: 0.9em}
#fav-mainbottom2 li a:hover, #fav-mainbottom2 li a:focus{text-decoration:none;color:#000; display: inline}
  
}


/*/
///
///  pagination - Gebetsanliegen - urprünglich cms.css
///
/*/

.fav-container .pagination {
  margin-top: 4%;
  display: table;
  text-align: center;
  position: relative;
}
.fav-container .pagination ul {
  box-shadow: none;
  border-radius: 4px;
}
.fav-container .pagination ul li a,
.fav-container .pagination ul li span {
  margin-right: 2px;
  padding: 14px 19px;
  background-image: none;
  display: block;
  border: 1px solid transparent;
  font-weight: normal;
  font-size: 15px;
  text-shadow: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.fav-container .pagination ul li span {/* active navigation item */
  cursor: default;
  background-color: #9e9e9e;
  color: #fff;
  border: 1px solid #9e9e9e;
}
.fav-container .pagination ul li a,/* navigation items */
.fav-container .pagination ul li.pagination-start span,
.fav-container .pagination ul li.pagination-prev span,
.fav-container .pagination ul li.pagination-next span,
.fav-container .pagination ul li.pagination-end span {
  background-color: transparent;
  color: #333;
  border: 1px solid #eee;
}


/* counter */
.fav-container .pagination .counter {
  color: #fff;
  font-size: 12px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0px;
}
.fav-container .pagination .counter.pull-right {
  float: none;
}

/* limit */
.fav-container .list-footer .limit {
  margin-bottom: 0px;
}
.fav-container .limit select,
.fav-container .limit .chzn-container {
  margin-left: 10px;
  margin-top: -2px;
}

.pg-pagination-bottom {
margin:0px;
padding: 0px;
line-height:0px;
}



/*/// mobile - Pagination Gebetsanliegen///*/
@media (max-width: 767px) {
#fav-headerwrap {
border: 0 none;
}

ul .fav-container, .pagenav, li .fav-container, .fav-container .pagination ul li a, .fav-container .pagination ul li span {
font-size: 11.5px;
margin:0px;
padding: 2px 3px;
line-height: 11px;
}

/*/// Seite 1 von 105 Gebetsanliegen///*/
.pagecounter {
font-size: 11px;
margin:12px;
padding: 0px;
line-height:24px;
}

/*/// Abstand zu Powered by Phoca Guestbook///*/
.pg-pagination-bottom {
margin:0px;
padding: 0px;
line-height:0px;
}

/*/// Formatierung des Element, um Powered by Phoca Guestbook zu verkleinern ///*/
#pgbTabPosts {
margin:0px;
padding: 0px;
font-size:10px;
line-height:0px;
}

img.favth-img-rounded { margin: 5px 0 0 0;}
}