/* Powermail Formulare */
.powermail_fieldwrap {margin-bottom:1rem;}
.form-label {font-size:90%;font-weight:bold;margin-bottom:0.25rem;}
.form-check-label{font-size:90%;line-height:120%;}
.powermail_fieldset .btn-primary {margin-top:2rem;}


/* Login Box ausblenden */
.ctype-felogin_login .alert-info {display:none;}


/* SLIC Special */
.tab-content .form-select {margin-bottom:1rem;}

.SLIC .cover img {border:1px solid #ccc;} 
.SLIC .lasi-media-link {margin-bottom:1rem;border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding-bottom: 1rem;}


/* News list view
/* News Headline zu viel margin nach unten in Listview */
.news-list-view h3 {margin-bottom:0rem;}
.tpl-oneColumnNavigationSidebar .news-list-view .news-list-item {padding-bottom:1rem!important;padding-top:1rem;border-bottom: 1px solid rgba(0, 0, 0, 0.125);}
.news-list-view .img-dummy {display:none;} /* Platzhalter bilder sollten keinen Raum einnehmen, macht leere Flächen beim mobilen Scrollen */
.news-single .footer {padding-top:2rem;}
.news-single .footer time { color: var(--bs-body-color);font-weight:600;}
/* Verkleinert News Bilder auf Mobile, da sie sonst fast fullsrren sind und man zu viel scrollen muss */
@media (max-width: 575px) {
.news-list-view .img-thumbnail {max-width:50%;}
}
/* Verhindert das Bilder in Artikeln riesig werden */
.news-single .article .news-img-wrap img {
    max-width: 100%;
  
}
.news-single .teaser-text {font-size:1.2rem;line-height:130%;margin-bottom:2rem!important;    color: var(--bs-body-color);}


/* media links brechen nicht um auf kleinen screens */

@media (max-width: 575px) {
    .lasi-media-link {
        display: flex;
        flex-direction: column; /* Anordnung in Spalten */
        align-items: flex-start; /* Ausrichtung am Anfang der Spalte */
    }

    .lasi-media-link a img {
        margin-right: 0; /* Entfernen Sie den rechten Abstand des Bildes */
        margin-bottom: 10px; /* Fügen Sie einen unteren Abstand hinzu */
    }

    .lasi-media-link .flex-grow-1.ms-3 {
        margin-left: 0; /* Entfernen Sie den linken Abstand des Textes */
    }
}





/* Suchergebnisse */
#kesearch_num_results {font-size:1.25rem;margin-bottom:1.5rem;margin-top:1.5rem;font-weight: 600;}
/* #kesearch_results .result-list-item {margin-bottom:0.5rem;} */
.result-number {font-weight:bold;}
.result-teaser {font-size:0.95rem;display:block;line-height:130%;margin-top:0.25rem;}
.kesearch_pagebrowser_bottom {margin-top:2rem;}


/* Card Header und Kabels auf Seite /ueber-den-lasi/arbeitsgruppen */
.arbeitsgruppen h2 {font-size:1.25rem;font-weight:600;hyphens:auto;        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding-bottom: 1rem;
}

.arbeitsgruppen .label-primary {
    background-color: rgba(0, 65.6, 78.4,0.5);
    padding: 0.3rem 0.6rem 0.3rem 0.6rem;
    margin-bottom: 1rem;
    margin-top: 0.25rem;
    text-transform: uppercase;
    font-size: 0.85rem;
  font-weight:bold;
  color:white;
  border-radius:0.375rem;
}


/* Logo linksbündig setzen */
.navbar-brand img {    width: auto;
    padding-left: 1rem;}

/* Menü-Button mobil hat zu großen Abstand zum rechten Rand */

#header .navbar-wrapper .navbar-toggler, #header .navbar-wrapper .search-toggler {
    margin-inline: 1rem 1rem;
}


:root {
  --bs-body-line-height: 1.6; /* war anders auf der alten site */
}


/* Einrückungen bei Linktexten bei Arbeitshilfen und Downloads im Internen Bereich - wenn die Bilder oben stehen macht der Einzug keinen Sinn */
.noleftspace .ctype-lasi-media-link .ms-3 {margin-left:0rem!important;}

/* Die Headlines brauchen eine margin-bottom damit sie so aussehn wie auf der alten site */
h1{margin-bottom:1.5rem;}
h2{margin-bottom:1.2rem;}
h3{margin-bottom:1rem;}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
      font-weight: 600;
    line-height: 120%;
}

/* Der Text unter den media links müsste grau sein und der zeilenabstand war nicht korrekt */
.lasi-media-link p {
 line-height:140%!important;
  color: rgb(68,68,68);
}

/* Wenn ein externer Link ein IMG umfasst will ich keinen Icons für externe Links */
a:has(img:only-child):before {
  content: none !important;
}

/* Irgendeine Abstandskorrektur in einer Linkliste */
#c1760 > ul > li > a > span {line-height:100%;}


/* Grüne Farbe für Button auf Slider anpaassen */
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

/* News-Teaser auf Startseite mit Deko-Rahmen oben  ersetzt <HR> Tags auf Startseite */
.news-teaser-startseite {    border-top: 1px solid #ccc;
    margin-top: 3rem;
    padding-top: 3rem;}


/* Startseite: Mobile große Lücke durch fehlende Bilder bei News unterdrücken. Bilder mobil kleiner anzeigen */
@media (max-width: 575px) {
  .news-teaser-startseite .img-dummy {display:none;}
.news-teaser-startseite .img-fluid {
     max-width: 50%;
    margin-bottom: 1rem !important;
}
}

/* Teaser-Raster auf Startseite mit Deko-Rahmen oben und unten - ersetzt <HR> Tags auf Startseite */
  .teaser-startseite {border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:3rem;padding-bottom:3rem;margin-top:3rem;margin-bottom:5rem;}


/* Seitenverhältnis bei Teaser-Card-Divs korrigieren */
.card>figure>div {
    height: unset;
}


/* Höhe des Sliders war zu gering - für diverse Breakpoints angepasst */
.swiper-wrapper {height:300px;}
@media (min-width: 575px) {.swiper-wrapper {height:400px;}}
@media (min-width: 992px) {.swiper-wrapper {height:500px;}}
@media (min-width: 1200px) {.swiper-wrapper {height:600px;}}


/* Zentrierung von Slider-Text */
.hero-slider .slide-content .slide-content-inner  {
display: flex;
    place-items: center;
    flex-direction: column;
    justify-content: center;
  padding-left:3rem;padding-right:3rem;

}
.hero-slider .slide-content .slide-content-inner h1 {
font-size: clamp(1rem, calc(1rem + ((1vw - 0.2rem) * 3.1818)), 2.75rem);
  min-height: 0vw;
          line-height: 130%;
}
.hero-slider .slide-content .slide-content-inner .btn {
  font-size: clamp(0.9rem, calc(0.9rem + ((1vw - 0.2rem) * 0.7273)), 1.3rem);
  min-height: 0vw;
  
}

/* keine Bullets in der Liste des Footer-Menüs */
.ctype-menu_subpages ul {
  list-style-type: none;
  padding-left: 0; /* Optional: Entfernt den Einzug der Liste */
 
  color: rgba(255,255,255,0.8);
}

/* Zeilenabstände im Footer-Menü bei umbrechenden Links kleiner, damit man sieht was zusammengehört */
.ctype-menu_subpages ul li {
 line-height:1.2rem; 
margin-bottom:0.5rem;
}
#footer .ctype-menu_subpages a {
    line-height: 1rem!important;
}

/* Inhalt klebt zu nah an Breadcrumb */
#content {margin-top:1rem;}

/* Linkes Seitenmenü war weniger dich */
.nav-sidebar .nav-item {margin-bottom:10px;}

.ctype-textmedia li {margin-bottom:1rem;}