/* -- Original-Datei "template.css" verändert bzw. ergänzt -- */

h1, h2, h3 {
   margin: 8px 0px 6px 0px;         /* orig. margin: 12px  0 */
}

h1 {
  font-size: clamp(1.5rem,calc(1.3rem + 1.4vw), 2.3rem);
}

h2 {
  font-size: clamp(1.35rem,calc(1.3rem + .75vw), 2rem);
}

h3 {
  font-size: clamp(1.2rem,calc(1.1rem + .5vw), 1.5rem);
}

@media (width >= 992px) {
   body.has-sidebar-left:not(.has-sidebar-right) .site-grid { 
    grid-template-columns: 
      [full-start] 0 [main-start] 1fr 2fr 0 0 0 [full-end];
    width: 100%; 
  }
}

@media (width < 992px) {
  body:not(.has-sidebar-right) .site-grid .container-sidebar-left {
    grid-column-start: full-start;
    grid-column-end: full-end;
  }
  body:not(.has-sidebar-right) .site-grid .container-component {
    grid-column-start: full-start;
    grid-column-end: full-end;
  }
}


.header {
	margin-bottom: 2px;    /* orig. 10px */
}

.container-header {
	background: none;
}

.container-header .container-nav {
    padding-bottom: 0px;
}

/* Layout des Top-Menüs  */

.grid-child.container-nav {
    width: inherit;
    background-color: #f5f5f5;
    border: 1px solid #dfe3e7;
    border-radius: 0.25rem;
}

body {
    color: black;
    line-height: 1.2rem !important;
}

body.site {
	padding: 8px;    
	padding-top: 2px;
}

body.site.fluid {
	border-top: 0px;   /* orig. 3px solid ...*/
}

a  {
  color: rgb(34,79,170) !important;
  text-decoration: none !important;
}

a:hover,
a:focus:not(:focus-visible) {
	color: #002b41 !important;
	text-decoration: underline !important;
        outline: none !important;
}

.container-header .mod-menu > li {
  a:hover,
  a:focus:not(:focus-visible) {
      background-color: silver !important;
      text-decoration: underline !important;
      outline: none !important;
  }
}

.footer .grid-child {
   display: block;     /*  ?? */
   padding: 0.4em  !important;
}

.container-footer {
  color: black;
  background-color: #cfcfcf;
}

.container-footer a {
/*   text-decoration: none; */
}


.nav {
	margin-bottom: 0px;   /* orig. 18px */
	}

.nav-pills {
  font-size: 11pt;
  font-weight: bold;
  }
 
 .nav-pills > li {
	float: left;
	}
  
 .nav-stacked > li {                       /* neu, 20.5.2016 */
	float: none;
	} 
  
.nav-stacked  li:last-child {          /* neu, 20.5.2016 */
	margin-bottom: 10px;
	} 

.nav-pills > li > a {
	line-height: 12px;           /* orig. 14px */
	padding-top: 4px;          /* orig. 8px */
	padding-bottom: 2px;   /* orig. 8px */
}

ul.nav-child li {
  font-size: 10pt;
  font-weight: normal;
/*  padding-left: 36px; */
  margin-left: 36px;
  list-style-type:disc;
  list-style-position:outside;
  }

.row-fluid [class*="span"] {
		min-height: 2px;   /* orig. 18px */
   }	

.well {
	padding: 10px;   /* orig. 19px */
	margin-bottom: 12px;     /* orig. 20px */
}

.readmore {
  margin-bottom: 1.5em;      

  .btn  {
   color: white  !important;
   background-color: #5e72cc;
   padding: 0.2rem 0.2rem;
  }

  .btn:hover  {
   background-color: lightblue;
   text-decoration: none !important;
  }
}

.btn-primary  {
   color: white  !important;
   background-color: #5e72cc  !important;
   border-color: black;
   padding: 0.2rem 0.4rem;
  }

.btn-primary:hover  {
   background-color: lightblue !important;
   text-decoration: none !important;
  }

@media print {
	a[href]:after {	display: none; }     /* 19.7.18: Unterdrücken der URL-Ausgabe beim Drucken */
}

/* -- Ende  "template.css"  Overwrite -- */


/* ------- ab hier spezielle Definitionen für womo-iberico --------------------------------- */

/* -- Stellplatz-Anzeige -- */

.stp-title {
  width: 100%;
  margin-bottom: 10px;
  }
  
.stp-title-img {
  width: 40px;
  padding-left: 12px;
  }

.stp-title-txt {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-align: left;
  padding-left: 6px;
  }
   
.stp-topmeldung {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.1rem;
  font-weight: bold;
  width: 100%;
  margin-bottom: 8px;
  } 
   
.stp-topmeldung td {
   padding: 10px;
  }  
 
.stp-header {
  background-color: #999;
  width: 100%;
  margin-bottom: 5px;
  }

.stp-header-data {
  font-family: Arial,Helvetica,sans-serif;
  padding-left: 10px;
  }

.stp-id-data  {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.85rem;
  text-align: right;
  padding-right: 10px;
  }

 .stp-gps {
  background-color: #cfcfcf;
  font-family: Arial,Helvetica,sans-serif;
  margin-top: 5px;
  }
 
 .stp-gps-icon {
  padding: 15px 12px 15px 12px;
  float: left;
  }
 
 .stp-gps-decimal {
  font-size: 0.9rem;
  font-weight: bold;
  padding: 10px 0px 1px 0px;
  margin-left: 56px;
  }
 
 .stp-gps-grad {
  font-size: 0.75rem;
  padding: 1px 0px 10px 0px;
  margin-left: 56px;
  }
 
.stp-info1 {
  background-color: #cfcfcf;
  font-family: Arial,Helvetica,sans-serif;
  font-size: clamp(0.8rem,calc(0.7rem + .5vw), 1.1rem);
  line-height: 1.2;
  padding: 10px;
  margin-top: 5px;
  }

.stp-info2 {
  background-color: #cfcfcf;
  font-family: Arial,Helvetica,sans-serif;
  font-size: clamp(0.8rem,calc(0.7rem + .5vw), 1.1rem);
  padding: 9px;
  margin-top: 5px;
  }

.stp-info2-icons {
  padding: 1px;
  }
  
.stp-text {
  font-family: Arial,Helvetica,sans-serif;
  font-size: clamp(0.8rem,calc(0.7rem + .5vw), 1.1rem);
  line-height: 1.1;
  background-color: #cfcfcf;
  width: 100%;
  margin-top: 5px;
  }

.stp-text td {
   padding: 10px;
  }
  
 .stp-comment {
  font-family: Arial,Helvetica,sans-serif;
  font-size: clamp(0.8rem,calc(0.7rem + .5vw), 1.1rem);
  line-height: 1.1;
  background-color: #cfcfcf;
  width: 100%;
  margin-top: 5px;
  }

.stp-comment td {
   padding: 10px;
  }
  
 .stp-text-besuch {
  font-family: Arial,Helvetica,sans-serif;
  font-size: clamp(0.75rem,calc(0.6rem + .5vw), 0.95rem);
  background-color: #cfcfcf;
  width: 100%;
  text-align: right;
  }
  
.stp-text-besuch td {
   padding-right: 10px;
  }
  
 .stp-meldung {
  font-family: Arial,Helvetica,sans-serif;
  font-size: clamp(0.75rem,calc(0.6rem + .5vw), 0.95rem);
  line-height: 1.0;
  background-color: #cfcfcf;
  width: 100%;
  margin-top: 5px;
  }
  
.stp-meldung td {
   padding: 10px;
  }
   
.stp-links-titel {
  font-family: Arial,Helvetica,sans-serif;
  font-size: clamp(0.85rem,calc(0.8rem + .5vw), 1rem);
  font-weight: bold;
  background-color: #999;
  height: 2rem;
  width: 100%;
  margin-top: 5px;
  }
  
.stp-links-titel td {
 	text-align: center;
  padding: 10px;
  }

.stp-links {
  font-family: Arial,Helvetica,sans-serif;
  font-size: clamp(0.7rem,calc(0.6rem + .5vw), 1rem);
  line-height: 1;
  background-color: #cfcfcf;
  width: 100%;
  }

.stp-links-icon {
  height: 3rem;
  width: 28%;
  min-width: 80px; 
  text-align: center;
  vertical-align: middle;
  padding: 2px;
  }

.stp-links-name { 
  font-size: clamp(0.6rem,calc(0.5rem + .5vw), 1rem);
  line-height: 1;
  width: 25%;
  vertical-align: middle;
  text-align: center; 
  padding: 2px;
  }
  

/* -- Stellplatz-Listen -- */

.wi-liste-inout {
  font-family: Arial,Helvetica,sans-serif;
  width: 100%; 
  padding: 6px;
  background-color: #DCDCDC;
}

.wi-liste {
  font-family: Arial,Helvetica,sans-serif;
  width: 100%;
  }
  
.wi-list-titel {
  font-size: 10pt;
  font-weight: bold;
  height: 2em;
  background-color: #DCDCDC;
  border:1px solid black;
  }
  
.wi-list-group {
  font-size: 8pt;
  height: 0.5em;
  background-color: grey;
  border-bottom: black 1px solid;
  }  
  
.wi-list-zeile {
  font-size: 8pt;
  height: 2em;
  vertical-align: middle;
  border-bottom: black 1px solid;
  }

.wi-list-typ { 
  width: 5%; 
  padding-right: 2px;
  }

.wi-list-ort-name { 
  width: 26%;
  padding: 2px;
  }

.wi-list-gps { 
  width: 23%;
  }
  
.wi-list-gms {
  font-size: 7pt;
  }

.wi-list-ausstattung { 
  width: 24%;
  padding: 2px 0px 2px 2px;
  }

.wi-list-img { 
  margin: 1px 0px 1px 0px;
  }

.wi-list-zone { 
  width: 5%;
  padding-right:2px;
  }
  
.wi-list-region { 
  width: 6%;
  padding:2px;
  }

.wi-list-provinz { 
  width: 6%;
  padding:2px;
  }

.wi-list-id { 
  width: 4%;
  padding-left: 2px;
  }

.wi-impressum-head {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 8pt;
  width: 95%;
  padding: 10px;
  margin-right:25px; 
  background-color: #DCDCDC;
  vertical-align: middle;
  }


  
  /* -- Strukturierter Text, neu für VV ab August 2024 */
  
.via-verde {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10pt;
  background-color: #e3ffc8;
  padding: 6px;
  margin-top: 10px;
  margin-bottom: 10px;
  }
   
.vv-titel {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12pt;
  font-weight: bold;
  background-color: #cce6b4;
  text-align: center;
  padding: 6px;
  margin-bottom: 10px;
  }
  
.vv-top {
  text-align: center;
  }
  
.vv-link {
  font-size: 14pt;
  font-weight: bold;
  }

  
  
  /* class "image-title" aus dem Menü-Modul   (27.12.18) */
  
.image-title {                               
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11pt;
  color: black;
  text-transform: capitalize;  
  }
  
/* ID 336 = facebook-Icon */
/*
li.item-336	{                          
   position: relative;
   float: right;
   margin-right: 3px;
   margin-bottom:-4px;
   margin-top:-6px;
   }
*/

/* ende wi3 */

/* Anfang wi6, Okt. 2026 */


@media (width >= 992px) {
  body.wrapper-fluid .site-grid {
    grid-gap: 0 2em;
  /*  margin-left: -1.5em; */
  /*  margin-right: -1.5em;  */
    }
}

 @media (width >= 992px)  { 
  body:not(.has-sidebar-right) .site-grid .container-sidebar-left {
  grid-column-start: full-start;
  }
} 

 @media (width >= 992px)  { 
  body:not(.has-sidebar-right) .site-grid .container-component {
  grid-column-end: full-end;
  }
} 

body.wrapper-fluid header > .grid-child {
  padding-left: 0px;
  padding-bottom: 0.6em;
  background-color: #cfcfcf;
}

/* einheitliches Modul-Layout */
.card {
  background-color: #f5f5f5;
}

.card-header {
  background-color: #cfcfcf;
  margin-top:0;
}

/*
@media (width < 992px) {
  .card {
     margin-right: -1.5em;
    }
  }
*/



/* Versteckt alle Galerie-Bilder ab dem 2. Bild in der Anzeige */
.brSigContainer .brSigItem:nth-child(n+2) {
    display: none !important;
}

.stp-img-slider {
  display: flex;
  justify-content: center;
  } 

.brSigContainer {
  margin-bottom: 0px  !important;
  }

.brSigLink img {
  max-width: 80% !important;
  margin-left:  auto !important;
  margin-right: auto !important;
  }



/* Verhindert das "Nebeneinander-Rutschen" und bricht die Zeile um */
.metismenu li, .mod-list li {
    display: list-item !important; 
    list-style: square ; 
    font-size: 1rem  !important;     
    float: none !important;
    line-height: 1 !important;    /* Verringert den Textzeilen-Abstand */
    margin-top: 2px !important;     /* Minimaler Abstand nach oben */
    margin-bottom: 2px !important;  /* Minimaler Abstand nach unten */
    padding-left: 1px !important; 
    padding-top: 1px !important; 
    padding-bottom: 1px !important;
}


.metismenu, .metismenu ul {
    padding-left: 15px !important;
    background: none !important;     
}

.mod-list {
  padding-inline-start: 0;
  padding-left: 15px !important;
}

.nav-wi6 {
  font-size: 11pt;
  font-weight: bold;
  }

 .nav-wi6 > li {
    list-style: none   !important;     /* wi6neo */
  }


.container-header .mod-menu > li {
  position: static !important;
} 

@media (width >= 992px)  {
  .nav-wi6 {
     li.item-103 { display: none !important; }       /* ID 103 = Menü--Icon , wi6neo */
     li.item-102 { display: list-item !important; }  
     }
}

@media (width < 992px)  {
  .nav-wi6 {
     li.item-102 { display: none !important; }       /* ID 102 = Home--Icon , wi6neo */
     li.item-103 { display: list-item !important; }
     }
}

/* Den Menüpunkt nur auf der Menü-Seite (ID 103) wechseln */
@media (width < 992px)  {       
    body.itemid-103 .nav-wi6 {
      li.item-103 { display: none !important; }
      li.item-102 { display: list-item !important; }
      }
}     

.visible-phone {
	display: none !important;
}

@media (width < 992px) {
	.hidden-desktop {
		display: inherit !important;
	}
	.visible-desktop {
		display: none !important;
	}
	.visible-phone {
		display: inherit !important;
	}
	.hidden-phone {
		display: none !important;
	}
}

.container-nav .nav {
    display: flex   !important;
    justify-content: flex-start; /* Schiebt alle Elemente nach links */
    gap: 10px;
    }

@media (width < 992px) {
   .container-header .container-nav .mod-menu {
    display: flex   !important;
    flex-direction: row  !important;
    flex: 1;
    align-items: center; 
    }
}

@media (width < 992px) {
  .nav {
    display: flex   !important;
    flex-wrap: nowrap  !important; 
    flex-direction: row  !important;
    }
  }

/* Platzbegrenzung für Startseite/Menü Icon und Button  */
#mod-menu110   {
    flex: 0 0 10rem;
    }

/* Entfernt den Aufzählungspunkt vor Überschriften/Trennern */
.metismenu li:has(.mod-menu__heading) {
    display: block !important;
    list-style: none !important;
    font-size: 1.6rem ;
    font-weight: bold;
}

/* Überschriften-Stil im Funktionenmenü  */
.mod-menu__heading {
    font-size: 1.4rem ;
    margin-left: -1rem;
    line-height: 2 !important; 
    }


/* Stil für den Text hinter den Icons im Top-Menü und andere...
.image-title {
    font-size: 1.2rem ;
    }
*/

/* Entfernt die CSS-Unterstreichung bei Menülinks im Hover- und Aktiv-Zustand */
.container-header .mod-menu a:hover,
.container-header .mod-menu a:focus {
    text-decoration: none !important;
    border-bottom: none !important;
}

.wi-footer {
    width: 100%;
    border-collapse: collapse;
    font-size: clamp(0.75rem,calc(0.7rem + .5vw), 1.1rem);
    line-height: 1.1;
}