/* Inser all your custom style in this sheet */
/*************
Please dont touch the original CSS files because they were lost if youre updating the theme 
********************/	

p {
margin: 0px 0;
}

/* ****** SCHRIFTEN ****** */
h1
{
  font-size:30px;/*32*/
  margin-top:10px; 
  margin-bottom:30px;
  font-family: Arial, Helvetica, sans-serif;
}

h2,h2.contentheading,.contentheading
{
  font-size:24px !important;/* 26 28*/
  margin:10px 0 20px;
  padding-bottom:2px;
  border-bottom:0px none #fff;
  font-family: Arial, Helvetica, sans-serif;
}
h2 a, h2 a:hover,h3 a, h3 a:hover 
{
  text-decoration:none;
  text-transform:none;
  border-style:  none !important; 
  font-family: Arial, Helvetica, sans-serif;
} 
/* Page - article Layout*/
.item-page h2, .item-pageblog h2 a {
  font-size: 24px !important;  /*30 vor änderung h1 statt h2 einzel-article - layout*/
  border-style:  none !important;
  font-family: Arial, Helvetica, sans-serif;
}

h3
{
  font-size:20px !important;
  margin-bottom:1.0em;
  font-weight:normal !important;
  font-family: Arial, Helvetica, sans-serif;
}
/* Page - article Layout*/
/*
.item-page h3, .item-pageblog h3 a {
    font-size: 24px !important; 
	border-style:  none !important;
}
*/


h4,.componentheading
{
  font-size:18px !important;
  font-weight:normal !important;
  text-transform:none !important;
  margin-bottom:1.0em;
  font-family: Arial, Helvetica, sans-serif;
}

h5
{
  font-size:16px !important;
  font-weight:normal !important; 
  text-transform:none !important;
  line-height:1.00em;
  margin-bottom:1.00em;
  font-family: Arial, Helvetica, sans-serif;
}

h6
{
  font-size:12px !important;
  font-weight:bold !important;
  text-transform:none !important;
  line-height:0.75em;
  margin-bottom:0.75em;
  
}



/* ****** LAYOUT ****** */
.joomla-content-inner {
    margin-bottom: 25px;
}

/* ********************************** */
.btn .red a  {
    border-color: #324234 !important;
    background-color: #324234 !important;
}



/* ********************************** */
/* Kategorie - blog Layout*/
.blog h1, .blog h1 a {
   font-size: 30px !important;
   color: #222;
   font-family: Arial, Helvetica, sans-serif;
}

.blog h2, .blog h2 a {
    font-size: 24px !important; 
	border-style:  none !important;
    /* padding-top:30px;*/   /* vor h1-h2 umbau*/
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
}

.blog .hidden-blog  {
   visibility:hidden;
   display:none;
	
}
/*Kategorie -Titel-Ansicht *Menü, Titel, subcatgeory ? *doppelt* */
.subheading-category{
     display:none !important;
}

/* **** Newsflash & Newsflash Advanced **** */
.newsflash-title, 
.mod-newsflash-adv .item_title,
.mod-newsflash-adv .item_title a {
  font-weight: 300;
  font-size: 24px;
  text-transform: none !important;
  text-decoration: none !important;
  color: #000; 
  margin-top: 1.0em;
  margin-bottom: 0.50em;
}

.mod-newsflash-adv .mod-newsflash-adv_custom-link {
 	margin-top: 1.25em; 
}


/* ********************************** */
/* ************** @Media ************ */
/* ************** MENÜS  ************ */


/* ********* Desktop ******** */
@media  (min-width: 1025px) {

/* Desktop ausblenden */
    .hidden-desktop { 
	display: none !important; 
	visibility: hidden;
	}
	
	#suckerfish li a {
		padding: 3px 26px !important; 
	  }
}  

/* ********* Landscape tablet small Desktop********* */
@media (max-width: 1024px) and (min-width: 901px) {  
  /* Landscape  ausblenden */
  .hidden-landscape { 
	display: none !important; 
	visibility: hidden;
	}
  
  #suckerfish li a {
	padding: 3px 24px !important; 
  }

  
}

/* *********  Tablet  ********* */
@media (max-width: 900px) and (min-width: 751px) {  
  /* Landscape  ausblenden */
  .hidden-tablet { 
	display: none !important; 
	visibility: hidden;
	}
  
  #suckerfish li a {
	padding: 3px 12px !important;
  }

  .footer-module .grid_3, .footer-module .grid_3 last { width:24.5% !important; margin-left:5px;}

}

/* ********* Landscape phone and  tablet ********* */
@media  (max-width: 750px) and (min-width: 667px) {
  	.hidden-phone-landscape {  
	 display: none !important; 
	 visibility: hidden; 
    }  
    #suckerfish li a {
	padding: 3px 12px !important;
  }

  .footer-module .grid_3, .footer-module .grid_3 last { width:24.5% !important;}

} 
  
/* ********* Phone ******** */
@media  (max-width: 666px) {
	.hidden-phone {  
	 display: none !important; 
	 visibility: hidden; 
    }

/*  ********************* */
/* Phone einblenden im jf-menue und normales ausblenden*/
   .jf_mm_wrapper .hidden-phone{ 
	 display: block !important; 
	 visibility: visible !important;
	}

   #suckerfish li a {
 	 padding: 3px 12px !important;
  }
  .footer-module .grid_3, .footer-module .grid_3 last { width:49.5% !important;}
}

 

/* ******************** */
/************** 2tes menu Navigation styles **************/

/* ********* 2Menue auf Position Bread ********* */
.menu2bread {}
.menu2bread ul{position:relative; z-index:100; float:left !important; padding:0 !important; margin:0 !important; }
 .menu2bread  li {position:relative;float:left!important;list-style: none!important;margin:0 !important;;}
 .menu2bread  li a { 
	position:relative;
	z-index:100;
	float:left!important;
	
	font-size:14px !important;
	
	padding:3px 8px !important;  
	margin:15px 6px 0px 0px;    
	border: 1px #ddd solid !important;
	border-radius: 4px !important;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
	background:#fff;
	font-family: Josefin Sans, Arial, Helvetica, sans-serif, FontAwesome !important;
}
.menu2bread  li.active a {
	border: 1px #bb1c4c solid !important;
    color: #bb1c4c !important;
}
.menu2bluebread  li a {
	margin-bottom:1px; /*NewsFlash 25pxxxxxxxxxxxxxxxxxxxx*/
}
.menu2bluebread  li.active a {
	border: 1px #186f8d solid !important;
    color: #186f8d !important;
}

/* Menue */
/* font aweseome einzeln */
.fa-envelope, .fa-home, .fa-dot-circle-o  {
    font-family: Josefin Sans, Arial, Helvetica, sans-serif, FontAwesome !important;
}

/* ********* 2Menue ********* */
/* 2Menue Aussen */
.menu2  li   { 
  margin-top: -12px !important; 	
  height:44px !important;
}

/* 2Menue Innen */
.menu2 li a { 
   font-size:14px !important;
   padding: 3px 12px;  
   color: #333 !important; 
}

/* 2Menue Aktiv Umrandung */
.menu2 li.active a { 
     background: #fff !important;
     border: 1px #bb1c4c solid !important;
  	 border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     color: #bb1c4c !important; 
}  

.menu2blue  li   { 
  margin-top: -12px !important; 	
  height:44px !important; 
}

.menu2blue li a { 
   font-size:14px !important;
   padding: 3px 12px; 
   color: #333 !important; 
}
.menu2blue li.active a { 
     background: #fff !important;
     border: 1px #186f8d solid !important;
  	 border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     color: #186f8d !important; 
}  
 

 
/****************/
/* footermenü */
.user-module ul li a {
color: #333 !important;
font-size: 11px;
display: block;
padding: 2px 12px !important;
border-right: 0px none #fff;
}

.user-module ul li a:hover {
color: #666 !important; 
}

.user-module .grid_8 {
	    width: 98%;
}

.jp-user-outer {
    width: 100%;
    background: none;
    padding: 20px 0;
    border-top: 1px solid #181818;
}
/* ********************************** */

.footer-module { padding-left:10px !important;}




/* ********************************** */
/*  MODULE EXTENSIONS*/

/* *****graue Hintergründe im Teamfenster Rocksprocket**** */
@media screen and (max-width: 500px) {
.sprocket-grids-b-title {
    font-size: x-large!important;
 }
}

.sprocket-tabs-nav {
    background: #cdce2b;
}

.sprocket-grids-b-effect {
    background: rgba(211, 211, 211, 0.7)!important;
}

.layout-top.animation-slideandfade .sprocket-tabs-panel.active, .layout-bottom.animation-slideandfade .sprocket-tabs-panel.active {
    margin-top: 10;
}

.sprocket-tabs-nav {
    background: #cdce2b;
}

.sprocket-tabs-nav > li > .sprocket-tabs-inner {
    font-size: medium;
}

/* Image  */
.sprocket-lists-portrait  .portrait-image {
    width: 40% !important; /*25%<50px*/
}
.sprocket-lists-portrait .active .portrait-image {
    width: 55% !important; /*50%<30%*/
}
.sprocket-lists-portrait  h4 {
    font-size: 14px !important;
}


/* ********************************** */
/* Newsflash auf red nicht weiss */
.moduletable.red a.readon  {
    color: #333 !important;
    border: 1px #ddd solid !important;
}


.btn .btn-info .red a.readon  {
    border-color: #bb1c4c !important; 
	color: #800000 !important;
}



/* ********************************** */
/* DPD Calender*/
.tippy-tooltip {
  min-width:250px; 
  background-color: #bb1c4c !important;
}
.tippy-box { 
 min-width:250px; 
 background-color: #bb1c4c !important;
 color:#eee!important;
 
 border: 1px solid #000;
}
.dp-event-tooltip__link { 
 font-size:14px!important; 
 color:#fff!important;
 text-decoration:none;
}
.dp-event-tooltip__description, .dp-event-tooltip__date { 
 padding: 10px 0 10px 0 !important;
} 

h3.com-dpcalendar-event__title {
  
  font-size:24px!important;/* 26 28*/
  margin:10px 0 20px; 
  
}
h3.dp-heading  {}

.fc-center h2{
  font-size:20px !important;
  margin-bottom:1.0em;
}

.dp-event-tooltip__actions{ 
 display: none; 
} 
/* DPCalender - Kategorieauswahl ausblenden */
.mod-dpcalendar-upcoming-default__description {
  display:none;
}
.com-dpcalendar-calendar__list a.dp-link{
  display:none;
}
.dp-description__label{
  display:none !important;
}

/* ****************************** */
/* Advent */
#component-advent-statistik, 
#component-advent-statistik2 {
  display: none !important;
  visibility: hidden !important;
  color: #fff;
  height: 1px !important;
  max-height: 1px !important;
  margin:0px !important;
  padding:0px !important;
}
.component-advent, .advent-footer {
  display: none !important;
  visibility: hidden !important;
  height: 1px !important;
}
.mymodal {
  border-radius: 6px;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
}
#pic a {
    padding-top: 5px !important; 
    padding-left: 5px !important;
    border: 1px #eee solid ;
    background-color: rgba(255,255,255,0.1);
	font-size: 1.0em !important;  
}