/* **********************************************************************/
/*     Text-Banner und Banner-Foto in die Mitte setzen *************** */
/* **********************************************************************/


.hoe_topbar {margin-left:20%;margin-right:20%;margin-top:1%;text-align:center;border-radius:10px;}
.hoe_mittig {margin-left:auto;margin-right:auto;}

  /* **********************************************************************/
/* *********** Gestaltung-Menüs und Untermenues *************************************** */
/* ******************************************************************** */

 li.metismenu-item li.metismenu-item {border-radius:10px;border:1px solid grey;}         /* die Untermenüs sollendurch einen Strich getrennt werden     */
ul.mm-collapse {border-radius:10px;}



 /* **********************************************************************/
/* *********** Hintergrundfarbe *************************************** */
/* ******************************************************************** */

body.site               {background-image:  url(/images/farben/epic_free-blue.jpg) !important;}  
header.container-header {background-image:  url(/images/farben/epic_free-blue.jpg) !important;} 
div.site-grid {background-image:inherit !important;}
div.container-component {background-color:white !important;margin-top:1em;}
main                     {background-image:  url(/images/farben/epic_free-blue.jpg) !important;margin-top:0 !important;}
 div.blog-items {background-color:white; margin-top:1em; border-radius:10px;}
 div.com-content-article {background-color:white; margin-top:1em; border-radius:10px;}
xxxxdiv.com-content-article {background-color:white;}



table (color:red !important;)

 /* **********************************************************************/
/*     Breadcrump mit Abstand von Menue und Beiträgen    *************** */
/* **********************************************************************/

div.container-component {margin-top:1em;margin-bottom:1em;}
nav.mod-breadcrumbs__wrapper {margin-bottom:0em; margin-top:0 !important; background-color:rgba(0, 0, 0, 0.03) !important; border-radius:10px;}
ol.mod-breadcrumbs {padding-top:1em !important; padding-bottom:1em !important;}


div.sidebar-left {margin-top:1em; border-radius:10px;}

div.container-component {border-radius:10px;}

/* **********************************************************************/
/*     Text klebte zu sehr am Rand                      *************** */
/* **********************************************************************/

div.item-content         {padding-left:5%; padding-right:5%}
div.com-content-article  {padding-left:5%; padding-right:5%}
div.hoe_beitrag {padding-left:3%; padding-right:3%}
h2.item-title       {padding-top:2%;}
 div.page-header    {padding-top:2%;}
/* ************************************************************************/
/*     Modul-Fenster (rechts) etwas verkleinern           *************** */
/* ************************************************************************/

div.hoe_module_rechts {width:85%; border-radius:10px;}

/* ************************************************************************/
/*     Modul-Fenster (rechts) Überschrift und Padding           *************** */
/* ************************************************************************/

div.hoe_module_rechts h3 {font-size:1.3rem !important;padding-top:1em; padding-bottom:1em;} 

/* ************************************************************************/
/*    Damit die Spalte links nicht zusammenschrumpft,                     */
/*    gibt es ein leeres Dummy-Modul                      *************** */
/* ************************************************************************/

.hoe_linke_seite_dummy { background-image:  url(/images/farben/epic_free-blue.jpg);
                        margin:0;padding:0;border:0;display:none;}


div.container-sidebar-left {width:105%;}

/* ************************************************************************/
/*     Menue in die Mitte         *************** */
/* ************************************************************************/

div.container-nav div.mod-custom  {margin-left:auto;margin-right:auto;}
nav.navbar {margin-left:auto;margin-right:auto;}



/* ************************************************************************/
/* *********** Tabelle für Routenplan                      ************** */
/* ************************************************************************/
table.hoe_table_route {background-color: white;}

tr.hoe_route_header {font-weight: bold;}
table.hoe_table_route tr {border:1px solid gray;}
table.hoe_table_route td {border-width: 1px;}
.hoe_date {width:20%;}
.hoe_hafen {width:70%;}

td.date  {padding-left:2%;}
td.hafen {padding-left:2%;}

table.hoe_table_route h4 {
   font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: var(--body-color);}
  
  /* ************************************************************************/
/* *********** Gästebuch    *********************************************** */
/*   Modul1 und Modul2 als Einheit darstellen               ************** */
/* ************************************************************************/

div.hoe_gaestebuch_modul1 {border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-bottom:0;}
div.hoe_gaestebuch_modul2 {border-top-left-radius:0px;border-top-right-radius:0px;margin-top:0;background-color:white;border-top:0;}

div#easybook {background-color:white;padding-left: 3%;   padding-right: 3%;}




   /* ************************************************************************/
/* *********** Modul: nächste Termine    *********************************** */
/* ************************************************************************/

table.mod_events_latest_table {width:105%;}
div.hoe_jevent {width:105%;}


   /* ************************************************************************/
/* *********** Schaltflächen   *********************************** */
/* ************************************************************************/

input.btn  {background-color:green;border-radius:10%;}
button.btn {background-color:green;}



   /* ************************************************************************/
/* *********** Baustelle: 
/*             Zusammenschieben Foto-Beitrag und enstehender Blogeintrag  ** */
/* ************************************************************************/

div.com-content-category-blog__items {border-bottom-right-radius:0px;border-bottom-left-radius:0px;margin-bottom:0;}

div.com-content-category-blog__items + div.com-content-category-blog__items  
                {border-top-right-radius:0px; border-top-left-radius:0px; margin-top:0;}
  
 /* ************************************************************************/
/* *********** Seitenende: vorherige Seitentitel in weißer Schrift
/* ************************************************************************/
div.items-more {color:white;}
div.items-more ol li a {color:white;}
p.float-end {color:white;}
 
                
                
/* ************************************************************************/
/* *********** Schriftgröße Editor: 
/* ************************************************************************/
body#tinymce p {font-size:18px;}
textarea#jform_articletext_editor_source_textarea {font-size:50%;}
        #jform_articletext_editor_source_textarea {color:red;}
textarea {color:red !important;}
/* ************************************************************************/
/* *********** Styles für Bilder */
/* ************************************************************************/
.hoepic,.hoepic_right
        {    background-color: #f3f3f3;
             border: 1px solid #ddd;
             border-radius: 3px;
             margin: 10px 10px 10px 10px;
             max-width: 100%;
             padding-top: 4px;
             text-align: center; float:right;    }

.hoepic_left {    background-color: #f3f3f3;
             border: 1px solid #ddd;
             border-radius: 3px;
             margin: 10px 10px 0px 0px;
             max-width: 100%;
             padding-top: 4px;
             text-align: center; float:left;    }
             
.hoepic_center {    background-color: #f3f3f3;
             border: 1px solid #ddd;
             border-radius: 3px;
             margin: 10px auto 0px auto;
             max-width: 100%;
             padding-top: 4px;
             text-align: center;    } 
.hoepic-txt { font-size: 80%;
              clear:both;
             line-height: 17px;
             margin: 0;
             padding-top:   2px; 
             padding-right: 4px;
             padding-left:  4px;
             padding-bottom: 4px; 
              }             
/* ************************************************************************/
/* *********** Clear:both height=0
/* ************************************************************************/
.hoe_clear_both {clear:both;padding:0;margin:0;line-height:0em;}

/* ************************************************************************/
/* ***********Besucherzähler - Länderliste ohne Rahmen:
/* ************************************************************************/
div.jsvisitcounter .boxed {border:none;} 

/* ************************************************************************/
/* ***********Trefferliste nach Suchanfrage. Heller Hintergrund:
/* ************************************************************************/
div.com-finder {background-color:white;padding:2%;}