/* gleicher text ist auch unter template options - custom code -css einegtragen*/
/* mit den nächsten werden die social icons gelöscht*/
.badge.bg-danger.featured-article-badge,
.article-details .article-can-edit,
.article-details .article-ratings-social-share {
  display: none !important;}
 /* hierdurch wird im footer alles untereinander geschrieben*/
 /* hierdurch wird im footer alles untereinander geschrieben*/

 /* hierdurch wird bei Desktop das rechte Menue etwas nach unten geschoben*/
#sp-right .sp-module {margin-top: 30px !important;}


 /* hierdurch wird im footer alles untereinander geschrieben*/
.horizontal_menu {
  display: block;       /* statt flex → untereinander */
  padding-left: 0;      /* keine Einrückung */
  list-style: none;     /* entfernt die Punkte */
}



/* das pull down menue (canvas menue) hat Listenpunkte und wird eingerückt */
.offcanvas-menu .nav {
    list-style: inside circle;     /* klassische Kreise */
}

.offcanvas-menu .mod-menu__sub {
  padding-left: 2rem;   /* Einrückung */
  list-style: disc;     /* klassische Punkte */
} 


/* buchungsanfrage modul für desktop größer*/
@media (min-width: 992px) {
    #mod-custom223 .buchungsanfrage,
    #mod-custom223 .buchungsanfrage span,
    #mod-custom232 .buchungsanfrage,
    #mod-custom232 .buchungsanfrage span{
    font-size: 1.8rem !important;   /* ca. 28–30px */
    margin: 0 auto;       /* zentriert horizontal */
    text-align: center;   /* Inhalt im Modul zentriert */
  }
}
/* Pretty Reviews - Profilfotos verkleinern */
img.review-profilephoto.rounded-circle {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
}

/*Logo wird für  tablets/handys verzerrt, damit es gut aussieht*/
@media (max-width: 768px) {
  .logo-image {
     width: 100%;        /* volle Breite */
  height: auto;       /* behält Seitenverhältnis */
  display: block;
  margin: 0 auto;
  transform: scaleY(0.7); /* Höhe um 30% schrumpfen */
  margin: 0 auto;    /* zentriert */
  }
}

/*Abstand über der ersten Überschrift wird reduziert damit es besser aussieht */
#sp-main-body {
  padding: 30px 0  !important; /* statt 100px */
}



/*hier wird die Box recht auf den hauptmenue durchsichtig gemacht, damit sie nicht über die Fußzeile geht */

#sp-right .sp-module {
  background-color: transparent !important; /* kein Hintergrund */
  border: none !important;                  /* kein Rahmen */
  box-shadow: none !important;              /* falls Schatten da ist */
  padding: 0 !important;                    /* kein Innenabstand */
  margin: 0 !important;                     /* kein Außenabstand */
}
.inner-wrapper-sticky {
  background-color: transparent !important;
}

/*hier wird Smartslider mit id3 (Bilder/Impressionen) in der Breite auf 30 des Bildschirms angepasst */
.n2-section-smartslider[data-ssid="3"] {
 height: auto  !important;          /* Höhe passt sich an */
  width: 30vw !important;           /* 70% der Bildschirmbreite */
  margin: 0 auto !important;        /* zentriert im Container */
}