body {
  background-color: #FFFCE8;
  overflow-x: hidden!important;
}

p {
  font-family: Montserrat;
}



/* Element | http://gemeinde-duerrhennersdorf.de/ */

.navbar-nav {
  /* width: 71%; */
  width: 75%;
}


@media (max-width: 767px) {
    .carousel-indicators {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .sec-hero {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .dropdown-item {
        text-align: center !important;
    }
}



/* ==========================================================================
   Galerie
   ========================================================================== */

.thumb-box {
  display: inline-block !important;
  position: relative !important; 
  overflow: hidden;
}

.thumb-box-overlay {
  visibility:hidden;
  opacity:0;
}

.thumb-box a{
  color: transparent;
}

.thumb-box a:hover .thumb-box-overlay {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  text-align: center;
  position: absolute;
  background-color: rgba(136, 136, 136, 0.65);
  color: #fff;
  width: 100%;
  height: 100%;  
}

.thumb-box-overlay span {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0
}




#back-to-top {
    position: fixed !important;
    bottom: 2em !important;
    right: 2em !important;
    font-size: 22px !important;
    background-color: #ffffff !important;
    color: #272727 !important;
    width: 50px !important;
    height: 50px !important;
    text-align: center !important;
    line-height: 50px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    cursor: pointer !important;
    transition: opacity 0.3s ease !important, background-color 0.3s ease !important;
    opacity: 0 !important;
    z-index: 9999 !important;
}

#back-to-top.show {
    opacity: 1 !important;
}

#back-to-top:hover {
    background-color: #f0f0f0 !important;
    color: #272727 !important;
}

.Inhalt-Willkommen-infos {
    margin-top: 59px !important; /* Standardwert für mobile Ansicht */
}

/* Für Desktop-Ansicht */
@media (min-width: 768px) { /* Beispiel für eine Desktop-Ansicht ab 768px */
    .Inhalt-Willkommen-infos {
        margin-top: 142px !important; /* Wert für Desktop-Ansicht */
    }
}



/* Nur für mobile Geräte */
@media (max-width: 768px) {
    .copyright {
        padding-bottom: 20px !important;
    }
}

@media (max-width: 768px) {
    .col-md-9 > p:nth-child(1) {
        padding-bottom: 19px !important;
    }
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: none !important; /* Versteckt die Icons */
}

.nav-link {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-bottom: 27px !important;
    padding-top: 27px !important;
    margin-top: 0px !important;
    padding-left: 38px !important;
    padding-right: 38px !important;
}

.nav-link:hover {
    color: #2f8c40 !important;
}

.container.chronik img {
    padding-bottom: 17px !important;
}

.breadcrumb a strong {
    display: inline !important; /* Macht das strong-Element inline */
}

.breadcrumb a {
    white-space: nowrap !important; /* Verhindert Zeilenumbrüche */
    color: #272727 !important; /* Setzt die Linkfarbe */
}

.breadcrumb-item br {
    display: none !important;
}

.breadcrumb-item.active:hover {
    color: gray !important;
}

.breadcrumb .breadcrumb-item.active {
    color: #272727 !important; /* Farbe der aktiven Breadcrumb-Item */
}

.navbar > div:nth-child(1) {
    padding-left: 0px !important;
}

.dropdown-item {
    text-align: center !important;
}

.accordion-button:not(.collapsed) {
    color: #272727 !important;
    background-color: #c0ea9f !important;
}

button:focus:not(:focus-visible) {
    outline: none !important;
}

.accordion-button {
    background-color: #e4fbd2 !important;
}

.accordion {
    --bs-accordion-btn-focus-box-shadow: none !important;
}

.card {
    background-color: white !important; /* Weißer Hintergrund für die Karte */
    border-radius: 0.5rem !important; /* Abgerundete Ecken */
    transition: transform 0.2s !important, box-shadow 0.2s !important; /* Sanfter Übergang für Effekte */
}



.card-title {
    font-size: 1.5rem !important; /* Größere Schrift für den Titel */
}

.card-text {
    font-size: 1rem !important; /* Normale Schriftgröße für die Beschreibung */
}

.datum-ort {
    font-size: 0.9rem !important; /* Kleinere Schrift für Datum und Ort */
    color: #666 !important; /* Graue Farbe */
}



/* Element | http://gemeinde-duerrhennersdorf.de/ */

.dropdown-menu {
  margin-top: 6px;
  width: 190px !important;
  text-align: center !important;
}

/* bootstrap.min.css | http://gemeinde-duerrhennersdorf.de/assets/templates/duerrhennersdorf/bootstrap/css/bootstrap.min.css */

.dropdown-menu {
  /* --bs-dropdown-border-color: var(--bs-border-color-translucent); */
  /* --bs-dropdown-border-radius: var(--bs-border-radius); */
}



/* over-the-rainbow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Over the Rainbow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/over-the-rainbow-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* montserrat-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat-v26-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v26-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v26-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v26-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




.Wappen-Logo {
  background-color: #fff;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

#navcol-1 {
  padding-left:158px;
}



.overlay {
  top: 50%;
  /*! left: 31%; */
  /*! transform: translate(-50%, -50%) !important; */
  position: absolute;
}





@media (max-width: 768px) {
  .overlay {
    top: 57%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    position: absolute;
  }
}

@media (max-width: 768px) {
  .overlay {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    position: absolute;
  }
}

.box-elektriker {
  background: var(--bs-body-bg);
  box-shadow: 1px 1px 21px 1px rgba(61,61,61,0.39);
  padding-left: 10px;
  padding-right: 23px;
  max-width: 750px;
  transform: translateY(-129px);
}

.simple-slider .swiper-slide {
  height: 706px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.simple-slider .swiper-button-next, .simple-slider .swiper-button-prev {
  width: 50px;
  margin-left: 20px;
  margin-right: 20px;
}

@media (max-width:767px) {
  .simple-slider .swiper-button-next, .simple-slider .swiper-button-prev {
    display: none;
  }
}

@media (max-width:767px) {
  .simple-slider .swiper-slide {
    height: 360px;
  }
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /*z-index: 1;*/
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  /*z-index: 1;*/
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px,0,0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height;
}

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /*z-index: 10;*/
}

@media (min-width: 1400px) {
  .Icon-Box {
    /*width: 1200px;*/
    height: auto;
    border-bottom-width: 5px;
    border-image: linear-gradient(to right, #FFCC00, #FF9500, #E14752, #30B0C7, #34C759, #A4E373) 1;
    border-bottom-style: solid;
  }
}

.Icon-Box {
  /*width: 1200px;*/
  height: auto;
  border-bottom-width: 5px;
  border-image: linear-gradient(to right, #FFCC00, #FF9500, #E14752, #30B0C7, #34C759, #A4E373) 1;
  border-bottom-style: solid;
}

.Icon-Box h3 {
  text-transform: uppercase;
  color: #272727;
  font-family: Montserrat;
  font-size: 15px;
  font-family: Montserrat;
  margin-top: 11px;
  font-weight: 600!important;
}

p {
  color: #272727;
  font-family: Montserrat;
}

.hero-subtitle {
  text-transform: uppercase;
  text-align: left;
  width: 294px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.nav-link {
  margin-top: 19px;
  /*margin-bottom: 19px;*/
  /*padding-bottom: 12px;*/
  margin-left: 24px;
  margin-right: 24px;
}

.card {
  background: #fff!important;
  border-style: none!important;
  border-radius: 0px!important;
  box-shadow: 0px 0px 3px 1px #00000012!important;
}


.card .card-body {
  padding: 20px!important;
  text-align: left!important;
}

.card .card-title {
  font-size: 1.2rem!important;
  font-weight: 600!important;
  color: #333!important;
}

.card .card-text {
  font-size: 1rem!important;
  color: #666!important;
}

card-img-top {
  border-radius: 0px!important;
}

.Themen-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  max-width: 100%;
  min-width: 75%;
}

.news-block {
  width: 100%;
  /*height: 200px;*/
  /*object-fit: cover;*/
}

.Heading-Themen {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 19px;
  font-family: Montserrat, sans-serif;
}

h2 {
  font-family: 'Montserrat';
  font-weight: 800!important;
}

.Footer-Logo {
  /*width: auto;*/
  /*height: 150px;*/
}

.Footer-Hintergrund {
  background: linear-gradient(180deg, rgb(255,252,232,0.9), rgba(255, 255, 255, 0.6)), url("../../assets/img/Dürrhennersdorf_Headerbild_Filter_2_Himmel_2.jpg");
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 176px) {
  .swiper-slide {
    height: 721px !important;
  }
}

.Button-News {
  background: #abeaf5;
  padding-right: 0px;
  padding-left: 20px;
  padding-top: 26px;
  padding-bottom: 26px;
}

@media (max-width: 176px) {
  .Button-News {
    background: #abeaf5;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  .News-Mobile {
    padding-right: 0px;
    padding-left: 11px;
    margin-top: 28px;
  }
}

.Name-Bürgermeister {
}


.willkommens-text {
  margin-bottom: 3px;
  font-size: 1em;
}

.Name-Bürgermeister {
  font-family: 'Over the Rainbow', serif;
  font-size: 2em;
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  .willkommen-header {
    font-size: 1.6em!important;
  }
}

@media (max-width: 768px) {
  .willkommens-text {
    font-size: 0.9em;
  }
}

@media (max-width: 768px) {
  .Name-Bürgermeister {
    font-size: 1.5em;
  }
}

@media (max-width: 480px) {
  .willkommen-header {
    font-size: 1.2em;
  }
}

@media (max-width: 480px) {
  .willkommens-text {
    font-size: 1em;
  }
}

@media (max-width: 480px) {
  .Name-Bürgermeister {
    font-size: 1.2em;
  }
}

.Icon-Box {
  transform: translateY(-120px) translateZ(0px);
  background: var(--bs-body-bg);
}

@media (min-width: 300px) {
  .Icon-Box {
    transform: translateY(-40px);
    background: var(--bs-body-bg);
  }
}

@media (min-width: 500px) {
  .Icon-Box {
    transform: translateY(-94px);
    background: var(--bs-body-bg);
  }
}

.hero-title {
  font-family: Montserrat;
  margin-bottom: 0px;
  font-size: 53px;
  font-weight: 800;
}

@media (max-width: 606px) {
  .hero-title {
    font-family: Montserrat;
    margin-bottom: 0px;
    font-size: 50px;
  }
}

@media (max-width: 450px) {
  .hero-title {
    font-family: Montserrat;
    margin-bottom: 0px;
    font-size: 30px;
  }
}





.hintergrund-hero {
  background: var(--bs-body-bg);
  margin-bottom: 11px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 23px;
  padding-right: 23px;
}

.hero-subtitle {
  font-size: 20px;
  width: 389px;
  margin-top: 2px;
  margin-bottom: 2px;
}

@media (max-width: 500px) {
  .hero-subtitle {
    font-size: 15px;
    width: 389px;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
  }
}

@media (max-width: 100px) {
  .Inhalt-Willkommen {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px!important;
  }
}

.Willkommen-Section {
  position: relative;
  z-index: 1;
  margin-top: -26px;
  padding-bottom: 92px!important;
}

.background-image {
  position: absolute;
  top: -105%;
  left: 34%;
  transform: translateX(-65%) translateY(336px);
  width: 79%;
  height: auto;
  z-index: 0;
}

@media (max-width: 1400px) {
  .background-image {
    position: absolute;
    top: -88%;
    left: 34%;
    transform: translateX(-65%) translateY(336px);
    width: 88%;
    height: auto;
    z-index: 0;
  }
}

@media (max-width: 1200px) {
  .background-image {
    position: absolute;
    top: -82%;
    left: 34%;
    transform: translateX(-65%) translateY(336px);
    width: 88%;
    height: auto;
    z-index: 0;
  }
}

@media (max-width: 1199px) {
  .background-image {
    position: absolute;
    top: -72%;
    left: 34%;
    transform: translateX(-65%) translateY(336px);
    width: 98%;
    height: auto;
    z-index: 0;
  }
}

@media (max-width: 990px) {
  .background-image {
    position: absolute;
    top: -51%;
    left: 53%;
    transform: translateX(-65%) translateY(336px);
    width: 123%;
    height: auto;
    z-index: 0;
  }
}

@media (max-width: 765px) {
  .background-image {
    position: absolute;
    top: -46%;
    left: 53%;
    transform: translateX(-65%) translateY(336px);
    width: 123%;
    height: auto;
    z-index: 0;
  }
}

@media (max-width: 565px) {
  .background-image {
    position: absolute;
    top: -61%;
    left: 52%;
    transform: translateX(-65%) translateY(336px);
    width: 117%;
    height: auto;
    z-index: 0;
  }
}

@media (max-width: 450px) {
  .background-image {
    position: absolute;
    top: -47%;
    left: 57%;
    transform: translateX(-65%) translateY(336px);
    width: 117%;
    height: auto;
    z-index: 0;
  }
}

.Inhalt-Willkommen {
  position: relative;
  z-index: 1;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
}

.Icon-Box-div {
  position: relative;
  z-index: 1;
  padding-left: 0;
  padding-right: 0;
}

.News-button-gross {
  text-decoration: none!important;
}


table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
}

th, td {
  border: 1px solid lightgray; /* Hellgrauer Rahmen */
  padding: 8px;
  text-align: left; /* Links bündig */
}

th {
  background-color: #f2f2f2;
}

/* Mobile Ansicht: Bildschirm kleiner als 600px */
@media screen and (max-width: 600px) {
  table {
    border: 0; /* Rahmen der Tabelle entfernen */
  }

  /* Kopfzeilen ausblenden */
  thead {
    display: none;
  }

  /* Jeder Tabellenzeile wird als Block behandelt */
  tr {
    display: block;
    margin-bottom: 10px;
  }

  /* Tabellenzellen werden blockweise dargestellt */
  td {
    display: block;
    text-align: left;
    border: 1px solid lightgray; /* Rahmen beibehalten */
    padding: 10px;
    position: relative;
  }

  /* Vor jede Zelle kommt die Spaltenbezeichnung */
  td:before {
    content: attr(aria-label); /* Holt das Attribut "aria-label" für den Spaltennamen */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: black;
  }

  /* Kein Unterschied zwischen den Spalten in mobiler Ansicht */
  td:first-child {
    border-top: 2px solid lightgray;
  }
}


.maengelmelder-container {
    background-color: white; /* Weißer Hintergrund für den Container */
    padding: 20px; /* Innenabstand für den Container */
    border-radius: 5px; /* Abgerundete Ecken für den Container */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Schatten für Tiefe */
}

.icon {
    color: #28a745; /* Grüner Farbton für Icons */
    margin-right: 8px; /* Abstand zwischen Icon und Text */
}

.form-label {
    font-weight: bold; /* Fette Schrift für Labels */
    color: #495057; /* Dunkle Schriftfarbe für Labels */
}

.maengelmelder-form .form-control,
.maengelmelder-form .form-select {
    border: 1px solid #ced4da; /* Standard Rahmenfarbe */
    border-radius: 0; /* Keine abgerundeten Ecken */
    transition: border-color 0.3s, box-shadow 0.3s; /* Übergangseffekte für Rahmenfarbe und Schatten */
}

.maengelmelder-form .form-control:focus,
.maengelmelder-form .form-select:focus {
    border-color: #28a745; /* Grüner Rahmen beim Fokussieren */
    box-shadow: 0 0 5px rgba(40, 167, 69, 0.5); /* Grüner Schatten beim Fokussieren */
    outline: none; /* Entfernen der Standard-Outline */
}


.maengelmelder-form .form-control,
.maengelmelder-form .form-select {
    border: 1px solid #ced4da; /* Rahmenfarbe */
    border-radius: 0; /* Keine abgerundeten Ecken */
}

.btn-primary {
    background-color: #28a745 !important; /* Grüner Hintergrund */
    border: 1px solid #28a745 !important; /* Passende Rahmenfarbe */
    color: white !important; /* Textfarbe */
    border-radius: 0 !important; /* Keine abgerundeten Ecken */
    transition: background-color 0.3s !important, border-color 0.3s !important, box-shadow 0.3s !important; /* Übergangseffekte */
}

.btn-primary:hover {
    background-color: #218838 !important; /* Dunklerer Grünton beim Hover */
    border-color: #218838 !important; /* Passende Rahmenfarbe */
    box-shadow: 0 0 5px rgba(40, 167, 69, 0.5) !important; /* Schatten beim Hover */
}

.btn-primary:focus {
    outline: none !important; /* Entfernen der Standard-Outline */
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5) !important; /* Grüner Schatten beim Fokussieren */
}

@media (max-width: 768px) { /* Passen Sie die Breite nach Bedarf an */
    .table-header {
        display: none; /* Versteckt die Tabellenkopfzeile */
    }
}


.nav-link {
    padding-bottom: 27px;
}

@media (max-width: 768px) {
    .navbar > div:nth-child(1) {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

.navbar-toggler:focus {
    box-shadow: none !important; 
}


.companies-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 20px 0; /* Abstand oben und unten */
    }
    
    .company {
        background-color: #fff; /* Weißer Hintergrund */
        padding: 20px;
        margin: 10px;
    
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        transition: transform 0.2s;
    }
    
    .company:hover {
        transform: translateY(-10px);
    }
    
    .company img {
        max-width: 100%;
        height: auto;
        border-radius: 5px;
    }





    .read-more-button {
        background: #a4e373 !important;
        font-family: Montserrat, sans-serif !important;
        font-weight: bold !important;
        font-size: 11px !important;
        border-radius: 0px !important;
        border-width: 0px !important;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #272727;
        text-transform: uppercase;
        text-decoration: none; /* Keine Unterstreichung */
        display: inline-block; /* Damit der Button blockartig wirkt */
        transition: background-color 0.3s; /* Für einen sanften Hover-Effekt */
    }

    .read-more-button:hover {
        background-color: #8ddf53; /* Dunklerer Grünton beim Hover */
    }

.navbar-toggler {
    border: none !important;
    border-radius: 0 !important;
}

.Logo-div {
    width: 180px; 
    margin-top: 102px !important;
}

@media (max-width: 768px) {
    .Logo-div {
        width: 135px!important; 
    }    
}

#navcol-1 {
    padding-left: 0px !important;
}



.News-Date {
  color: #30b0c7;
  font-size: 13px;
  margin-bottom: 6px;
}

.News-Head {
  font-size: 18px;
  font-family: Montserrat, sans-serif;
  font-weight: bold;
}

.Groß-Button-News {
  background-color: #abeaf5!important;
  color: #171717!important;
  font-size: 18px!important;
  font-family: Montserrat, sans-serif!important;
  font-weight: bold!important;
  border: none!important;
  text-align: left!important;
  border-radius: 0px!important;
  box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.07058823529411765)!important;
}

.Groß-Button-News:hover {
  color: #171717!important;
  background-color: #6FC6D6!important;
  box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.07058823529411765)!important;
}

.News-rechts-Button {
  Border: none!important;
  border-radius: 0px!important;
  background-color: #ffffff!important;
  color: #000!important;
  font-weight: 700!important;
  font-size: 16px!important;
  font-family: Montserrat, sans-serif!important;
}

.News-rechts-Button {
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #63BCCC;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.150);
}

.News-rechts-Button:hover {
  Border: none!important;
  border-radius: 0px!important;
  background-color: #ffffff!important;
  color: #30b0c7!important;
  font-weight: 700!important;
  font-size: 16px!important;
  font-family: Montserrat, sans-serif;
}

.Groß-Button-News {
  --bs-btn-active-color: #fff!important;
  --bs-btn-active-bg: #30b0c7!important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.150)!important;
}

.background-image-blue {
  position: absolute;
  top: 159%;
  right: 0%;
  transform: translateX(0%) translateY(0px);
  width: 50%;
  height: auto;
  z-index: 0;
  /*padding: 20px;*/
}

@media (max-width: 1200px) {
  .background-image-blue {
    position: absolute;
    top: 210%;
    right: 0%;
    transform: translateX(0%) translateY(0px);
    width: 50%;
    height: auto;
    z-index: 0;
    /*padding: 20px;*/
  }
}

@media (max-width: 991px) {
  .background-image-blue {
    position: absolute;
    top: 289%;
    right: 0%;
    transform: translateX(0%) translateY(0px);
    width: 64%;
    height: auto;
    z-index: 0;
    /*padding: 20px;*/
  }
}

@media (max-width: 767px) {
  .background-image-blue {
    position: absolute;
    top: 305%;
    right: 0%;
    transform: translateX(0%) translateY(0px);
    width: 95%;
    height: auto;
    z-index: 0;
    /*padding: 20px;*/
  }
}

@media (max-width: 575px) {
  .background-image-blue {
    position: absolute;
    top: 299%;
    right: 0%;
    transform: translateX(0%) translateY(0px);
    width: 95%;
    height: auto;
    z-index: 0;
    /*padding: 20px;*/
  }
}

.Inhalt-News {
  position: relative;
  z-index: 1;
  padding-left: 0;
  padding-right: 0;
}

.background-image-orange {
  position: absolute;
  top: -24%;
  /*left: 26%;*/
  /*transform: translateX(-65%) translateY(381px);*/
  width: 55%;
  height: auto;
  z-index: 0;
  z-index: -1 !important;
}

@media (max-width: 1199px) {
  .background-image-orange {
    position: absolute;
    top: -22%;
    left: 26%;
    transform: translateX(-65%) translateY(381px);
    width: 55%;
    height: auto;
    z-index: -1!important;
  }
}

@media (max-width: 991px) {
  .background-image-orange {
    position: absolute;
    top: -15%;
    left: 34%;
    transform: translateX(-65%) translateY(381px);
    width: 90%;
    height: auto;
    z-index: 0;
  }
}

@media (max-width: 859px) {
  .background-image-orange {
    position: absolute;
    top: -15%;
    left: 34%;
    transform: translateX(-65%) translateY(381px);
    width: 100%;
    height: auto;
    z-index: 0;
    z-index: -1 !important;
  }
}

@media (max-width: 767px) {
  .background-image-orange {
    position: absolute;
    top: -17%;
    left: 34%;
    transform: translateX(-65%) translateY(381px);
    width: 100%;
    height: auto;
    z-index: 0;
    z-index: -1 !important;
  }
}

@media (max-width: 667px) {
  .background-image-orange {
    position: absolute;
    top: -16%;
    left: 34%;
    transform: translateX(-65%) translateY(381px);
    width: 100%;
    height: auto;
    z-index: 0;
    z-index: -1 !important;
  }
}

@media (max-width: 575px) {
  .background-image-orange {
    position: absolute;
    top: -15%;
    left: 34%;
    transform: translateX(-65%) translateY(381px);
    width: 100%;
    height: auto;
    z-index: 0;
    z-index: -1 !important;
  }
}

.Themen-Inhalt {
  position: relative;
  z-index: 1;
  /*padding-left: 0;*/
  padding-right: 0;
  background-image: url("../../assets/img/Orangener_Hintergrund_1.svg");
  background-repeat: no-repeat;
  background-position: left;
  padding-bottom: 138px;
  margin-top: 0px!important;
padding-top: 99px!important;
}

  

.Logo-div {
  width:180px;
  height:auto;
  background-color: #fff;
  padding-top: 140px;
  position: absolute;
}


@media (max-width: 300px) {
    .Logo-div {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding-top: 10px; /* Abstand vom oberen Rand einstellen */
        z-index: 1000; /* Sicherstellen, dass das Logo über anderen Inhalten liegt */
        text-align: center; /* Logo horizontal zentrieren */
    }

    .Logo-div img {
        max-width: 180px; /* Maximale Breite des Logos */
        height: auto; /* Höhe automatisch anpassen */
    }

    .navbar-collapse {
        padding-top: 60px; /* Abstand nach dem Logo, falls nötig */
    }
}

/* Für große Bildschirme (ab xx-large) */
@media (min-width: 1400px) {
    .Logo-div.d-xxl-block {
        position: absolute;
        top: 0;
        left: 0;
        width: 180px;
        height: auto;
        background-color: #fff;
        padding-top: 140px;
        z-index: 1;
    }

    .navbar-collapse {
        padding-left: 180px; /* Abstand für das Logo */
    }
}

/* Für mittlere Bildschirme (zwischen 300px und 1400px) */
@media (min-width: 301px) and (max-width: 1399px) {
    .Logo-div.d-xxl-none {
        display: none; /* Logo auf mittleren Bildschirmen nicht anzeigen */
    }
}


.Icon-auswahl a {
        text-decoration: none;
        color: inherit; 
        transition: color 0.3s ease; 
}

    
.Icon-auswahl:hover a h3,
.Icon-auswahl:hover a p {
        color: gray; 
    }


.section-footer {
 
  /*! background-size: cover; */
  background-repeat: no-repeat;
  background-position: right;
  padding-top: 134px;
  padding-bottom: 0px;
}



.carousel-control-prev, .carousel-control-next {
  display: block;
}

@media (max-width: 768px) {
  .carousel-control-prev, .carousel-control-next {
    display: none;
  }
}

@media (min-width: 769px) {
  .carousel-control-prev, .carousel-control-next {
    display: block;
  }
}


#scrollUp {
  background-color: #fff;
  bottom: 40px;
  color: #000;
  height: 60px;
  right: 40px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 60px;
  font-size: 32px;
  line-height: 53px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



#scrollUp:hover {
    background: #cccccc; 
    color: #000000;
}



@media (max-width: 500px) {
    #scrollUp {
  background-color: #fff;
  bottom: 40px;
  color: #000;
  height: 50px;
  right: 40px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 50px;
  font-size: 28px;
  line-height: 48px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

}








.background-image-red {
  position: absolute;
  top: 352%;
  right: 0%;
  transform: translateX(0%) translateY(0px);
  width: 45%;
  height: auto;
  z-index: 0;
}

@media (max-width: 1200px) {
  .background-image-red {
    position: absolute;
    top: 345%;
    right: 0%;
    transform: translateX(0%) translateY(0px);
    width: 45%;
    height: auto;
    z-index: 0;
  }
}

@media (max-width: 1199px) {
  .background-image-red {
    position: absolute;
    top: 576%;
    right: 0%;
    transform: translateX(0%) translateY(0px);
    width: 45%;
    height: auto;
    z-index: 0;
  }
}

@media (max-width: 991px) {
  .background-image-red {
    position: absolute;
    top: 811%;
    right: 0%;
    transform: translateX(0%) translateY(0px);
    width: 45%;
    height: auto;
    z-index: 0;
  }
}

@media (max-width: 768px) {
  .background-image-red {
    z-index: 0;
    display: none;
  }
}

@media (max-width: 768px) {
  .background-image-blue {
    z-index: 0;
    display: none;
  }
}

@media (max-width: 768px) {
  .background-image-orange {
    z-index: 0;
    display: none;
  }
}

@media (max-width: 768px) {
  .background-image {
    z-index: 0;
    display: none;
  }
}

@media (max-width: 768px) {
  .background-image-red {
    position: absolute;
    top: 822%;
    right: 0%;
    transform: translateX(0%) translateY(0px);
    width: 66%;
    height: auto;
    z-index: 0;
  }
}

.Footer-Sektion {
  position: relative;
  z-index: 1;
  padding-top: 60px!important;
  padding-bottom: 60px!important;
  padding-left: 60px!important;
  padding-right: 60px!important;
}

@media (max-width: 768px) {
  .Themen-img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 768px) {
  .text-center.align-self-center {
    order: 2;
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .Themen-img {
    order: 1;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .Themen-img {
    width: 100%;
    height: auto;
    order: 1;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .text-center.align-self-center {
    display: flex;
    flex-direction: column;
    order: 2;
    padding: 10px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .Heading-Themen {
    order: 1;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .text-center.align-self-center p {
    order: 2;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .text-center.align-self-center .btn {
    order: 3;
  }
}

@media (max-width: 768px) {
  .text-center.align-self-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .text-center.align-self-center .btn {
    order: 3;
    width: auto;
    max-width: 200px;
    /*Optional: Begrenzen Sie die maximale Breite, wenn nötig;*/
  }
}

.Footer-Center {
  order: 0!important;
  padding: 10px;
}

@media (max-width: 575px) {
  .Footer-Hintergrund {
    padding-top: 180px;
    padding-bottom: 79px!important;
  }
}

h4 {
color: #272727;
  font-family: Montserrat;
  font-weight: 550;

}


.dropdown-menu {
  width: 160px !important;
  border-width: 0px!important;
  margin-top: 0px!important;
  padding-bottom: 0px!important;
  padding-top: 0px!important;
  --bs-dropdown-border-radius: 0px !important;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #D3D3D3!important;
}

a.dropdown-item {
  padding-left: 10px!important;
  padding-right: 10px!important;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}

.dropdown-item:hover {
  color: grey!important;
}



.Inhalt-Willkommen {
  color: #272727;
}

a {

color: #272727!important;

}

a:hover {
  color: gray !important;
}


#navbarDropdown_2 {
  font-family: 'Montserrat';
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 27px;
  padding-top: 27px !important;
  margin-top: 0px;
  padding-left: 38px !important;
  padding-right: 38px !important;
  border-bottom: 5px solid #ff9500;
}

#navbarDropdown_2:hover {
  color: #e68a00 !important;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #EBEBEB !important;
  color: gray !important;
}


.News-Sektion {
  overflow-x: hidden;
  position: relative;
  padding: 0;
  margin: 0;
}

.News-Sektion .container {
  /*max-width: 100%;*/
  overflow: hidden;
}


.News-Sektion #newsCarousel {
  overflow: hidden;
}

.News-Sektion .carousel-item img {

  height: auto;
}

.News-Sektion .btn {
  max-width: 100%;
  box-sizing: border-box;
}

.card {
  display: flex!important;
  flex-direction: column!important;
  height: 100%!important;
}

.card img {
  width: 100%!important;
  height: 200px!important;
  object-fit: cover!important;
}

.card-body {
  flex: 1!important;
  display: flex!important;
  flex-direction: column!important;
  justify-content: space-between!important;
}

.card.h-100 {
  height: 100%!important;
}

@media (max-width: 800px) {
  .Willkommen-Section {
   background-image: none !important;
   padding-bottom: 0px!important;
  }
}

@media (max-width: 800px) {
  .News-Sektion {
   background-image: none!important;
   padding-bottom: 0px!important;
  }
}


@media (max-width: 800px) {
  .Themen-Inhalt {
   background-image: none !important;
   padding-bottom: 0px!important;
  }
}



@media (max-width: 500px) {
  .News-Sektion {
  padding-bottom: 0px!important;
}

}

@media (max-width: 800px) {
  .Themen-Inhalt {
  background-image: none!important;
  padding-bottom: 0px!important;
}

}


@media (max-width: 800px) {
  .section-footer {
  background-image: none!important;
  padding-bottom: 0px!important;
}
}


@media (max-width: 500px) {
  .align-items-center > div:nth-child(1) {
  margin-left: 15px;
}

}



@media (max-width: 500px) {
  .Themen-Inhalt {
  padding-top: 0px!important;
}


}



/* In Webseite enthaltenes Stil-Dokument #10 | http://gemeinde-duerrhennersdorf.de/ */

#navbarDropdown_11 {
  font-family: 'Montserrat';
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 27px;
  padding-top: 27px !important;
  margin-top: 0px;
  padding-left: 38px !important;
  padding-right: 38px !important;
  border-bottom: 5px solid #ffcc00;
}



#navbarDropdown_11:hover {
  color: #e6b800 !important;
}

#navbarDropdown_11 {
  color: var(--bs-nav-link-color);
}


.navbar-nav {
  /* width: 75%; */
  width: 71%;
}

#navcol-1 {
  /* padding-left: 160px; */
  padding-left: 174px;
}

.dropdown-menu {
  /* margin-top: o; */
  margin-top: 0px;
}


.breadcrumb a strong {
    display: inline; /* Macht das strong-Element inline */
}

.breadcrumb a {
    white-space: nowrap; /* Verhindert Zeilenumbrüche */
}

.breadcrumb a br {
    display: none; /* Versteckt das br-Tag */
}

.breadcrumb a {
    color: #272727;
}

.breadcrumb a:hover {
    color: gray !important;
}

.breadcrumb .breadcrumb-item.active {
    color:  #34c759; /* Ändere dies auf die gewünschte Farbe */
}

.Willkommen-Section h2 {
border-left: 3px solid #34c759;
padding-left: 10px;
}

.News-Header {
  border-left: 4px solid #30b0c7;
  padding-left: 8px;
}

.Themen-Span {
  border-right: 4px solid #ff9500;
  /*padding-left: 10px;*/
}

.Footer-Header {
  border-left: 4px solid #e14752;
  padding-left: 8px;
}

section.Themen-Inhalt {
  margin-top: 70px;
}

@media (max-width: 1999px) {
  .Carousel-News {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .Inhalt-Willkommen {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.logo-container {
  position: fixed;
  top: 15px;
  left: 15px;
  z-index: 1050;
}

.navbar {
  background-color: #f8f9fa;
  padding: 0 15px;
  z-index: 54;
}

@media (max-width: 1399px) {
  .navbar {
    background-color: #f8f9fa;
    padding: 20px;
  }
}

.container-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar-nav {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}

@media (max-width: 576px) {
  .navbar-nav {
    padding-top: 118px;
  }
}

.nav-item {
  margin: 0 15px;
  display: flex;
  align-items: center;
  height: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

.nav-link {
  font-family: 'Montserrat';
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 27px;
  padding-top: 27px!important;
  margin-top: 0px;
  padding-left: 38px !important;
padding-right: 38px !important;
  
}

.nav-link-1 {
  font-family: 'Montserrat';
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 27px;
  padding-top: 27px!important;
  margin-top: 0px;
  padding-left: 36px!important;
  padding-right: 35px!important;
  /*margin-left: 93px;*/
}

.search-container {
  position: relative;
  display: flex;
  align-items: center;
}

.search-input {
  border: none;
  /*border-bottom: 5px solid blue;*/
  padding: 8px 30px 8px 8px;
  width: 180px;
  border-radius: 4px;
  transition: border-color 0.3s ease;
}

.search-input:focus {
  outline: none;
}

/* Farben Navbar */

.navbar-nav .nav-item:nth-of-type(1) .nav-link {
  border-bottom: 5px solid #ffcc00;
}

.navbar-nav .nav-item:nth-of-type(2) .nav-link {
  border-bottom: 5px solid #ff9500;
}

.navbar-nav .nav-item:nth-of-type(3) .nav-link {
  border-bottom: 5px solid #e14752;
}

.navbar-nav .nav-item:nth-of-type(4) .nav-link {
  border-bottom: 5px solid #30b0c7;
}

.navbar-nav .nav-item:nth-of-type(5) .nav-link {
  border-bottom: 5px solid #34c759;
}

/* Grundlegendes Styling für die Navbar */
.navbar {
    width: 100%;
}

.navbar-collapse {
    text-align: center;
}






.navbar-nav {
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -5px !important;
}


/* Mobile Ansicht Anpassungen */
@media (max-width: 768px) {
    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .navbar-nav {
        flex-direction: column;
        width: 100%;
        margin-top: 10px;
    }

    .navbar-nav .nav-item {
        margin-bottom: 10px;
    }

    .search-container {
        margin: 10px 0;
    }

    .search-container input {
        width: 100%;
        max-width: 300px; /* Optional: max width for the search input */
    }
}


/* Standard-Stile für größere Bildschirme */
.navbar {
  padding-bottom: 20px!important; /* Standardwert, kann angepasst werden */
  padding-top: 20px!important; /* Standardwert, kann angepasst werden */
}

/* Stile für kleine Bildschirme */
@media (min-width: 1399px) {
  .navbar {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
}



/* Ensure the search bar has a max-width on smaller screens */
@media (max-width: 1399px) {
  .navbar-nav, .search-container {
    width: 200px !important;
  }
}

/* Additional styles for the input field inside search-container */
.search-container > input {
  margin-left: -5px!important;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  border: none;
  outline: none;
  max-width: 300px;
  width: 100%;
}


.copyright a {
color: black;
text-decoration: none;
}

.copyright a:hover {
color: grey;
text-decoration: none;
}

.swiper-button-prev,
.swiper-button-next {
    opacity: 0; /* Macht die Buttons unsichtbar */
    width: 40px; /* Optionale Größe */
    height: 40px; /* Optionale Größe */
}

.swiper-button-prev {
    left: 0; /* Position links, optional */
}

.swiper-button-next {
    right: 0; /* Position rechts, optional */
}


/* Adjust search-container with specific padding and margin */
.search-container {
  margin-left: -12px !important;
  padding-top: 32px!important;
  padding-bottom: 32px!important;
  border-bottom: 5px solid #a4e373;
}

.Suche {
  width: 100%;
  padding: 8px 35px 8px 15px;
  border: 1px solid #ccc;
  border-radius: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}

@media (min-width: 500px) {
  .Wappen-Logo {
    /*padding-left: 0px;*/
    padding-right: 17px;
    /*margin-left: 22px;*/
  }
}

@media (max-width: 1399px) {
  .nav-link {
    width: 300px !important;
  }
}

.Themen-Header {
  font-weight: bold;
  text-align: right;
}

.Wappen-Logo {
  max-width: 150px;
  /*padding-left: 15px;*/
  /*padding-right: 15px;*/
  /*padding-top: 6px;*/
  /*padding-bottom: 6px;*/
}

a {
  text-decoration: none!important;
}

.Themen-Button {
  background: #ff9500!important;
  font-family: Montserrat, sans-serif!important;
  font-weight: bold!important;
  font-size: 11px!important;
  border-radius: 0px!important;
  border-width: 0px!important;
}

.Themen-Button:hover {
  background-color: #dd8100!important;
}

.sec-hero p {
margin-bottom: 0.7rem !important;
margin-top: 0.7rem !important;
}



.navbar-toggler {
  border: none;
}

button:focus:not(:focus-visible) {
  outline: none;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}

body {
  background: rgb(255, 252, 232)!important;
}

.search-container {
  padding-top: 36px;
  padding-bottom: 36px;
}

.sec-hero {
  background: var(--bs-body-bg);
  width: 400px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 23px!important;
  padding-right: 23px!important;
  text-align: left!important;
}

.sec-hero {
    display: flex;
    justify-content: flex-start; /* Links ausrichten für große Bildschirme */
    align-items: center;         /* Vertikale Zentrierung */
    text-align: left;           /* Text linksbündig */
}

@media (max-width: 768px) {
    .sec-hero {
        justify-content: center; /* Zentrieren für kleine Bildschirme */
        text-align: center;      /* Text zentrieren */
    }
}

.accordion-body strong {
  font-weight: 600;
}


.Inhalt-Willkommen > div:nth-child(1) > div:nth-child(1) > table:nth-child(8) {
font-family: Montserrat;
}

.Willkommen-Section {
font-family: montserrat;
}

.Willkommen-Section p strong {
  font-weight: 600;
}


.card-img, .card-img-top {
border-radius: 0px!important;
}

@media (max-width: 768px) {
    .navbar-nav {
        flex-direction: column !important;
        width: 100% !important;
    }

    .nav-item {
        width: 100% !important; /* Vollständige Breite */
        margin: 0 !important; /* Entfernt äußere Abstände */
    }

    .nav-link, .nav-link-1 {
        display: block !important; /* Blockanzeige für Links */
        width: 100% !important; /* Vollständige Breite */
        padding: 15px 38px !important; /* Polsterung für kleine Bildschirme */
        text-align: left !important; /* Links ausrichten */
    }

    .dropdown-menu {
        position: absolute !important; /* Dropdowns direkt unter dem Hauptmenüpunkt */
        width: 100% !important; /* Dropdowns füllen die Breite */
        left: 0 !important; /* Positionierung */
        padding: 0 !important; /* Entfernt Standard-Padding */
    }

    .dropdown-item {
        display: block !important; /* Blockanzeige für Dropdown-Punkte */
        width: 100% !important; /* Vollständige Breite */
        padding: 10px 15px !important; /* Polsterung für Dropdown-Punkte */
        text-align: left !important; /* Links ausrichten */
    }
}



#navbarDropdown_10 {
  font-family: 'Montserrat';
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 27px;
  padding-top: 27px !important;
  margin-top: 0px;
  padding-left: 38px !important;
  padding-right: 38px !important;
  border-bottom: 5px solid #30b0c7;
}


#navcol-1 {
  padding-left: 173px!important;
}


#navbarDropdown_10:hover {
  color: #1f8a99 !important;
}


#navbarDropdown_4 {

  font-family: 'Montserrat';
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 27px;
  padding-top: 27px !important;
  margin-top: 0px;
  padding-left: 38px !important;
  padding-right: 38px !important;
  border-bottom: 5px solid #e14752;
}


#navbarDropdown_4:hover {
  color: #c13a47 !important;
}


.Icon-Section {
  position: relative;
  z-index: 2;
}

.Style-Icon-Box {
  padding-top: 38px;
  padding-bottom: 38px;
  border-width: 5px;
  border-bottom: 0px solid #7f2860;
  margin-left: 33px;
  margin-right: 33px;
}

.Icon-auswahl {
  text-align: center;
}

svg {
}


.News-Sektion {
  margin-bottom: 2px;
  padding-bottom: 40px;
  margin-top: 0px!important;
  padding-top: 68px!important;

}


.News-Sektion {
  background-image: url("../../assets/img/Blauer_Hintergrund_1.svg");
  background-repeat: no-repeat;
  background-position: right;
}


@media (max-width: 500px) {
  .Willkommen-Section {
  padding-top: 175px!important;
}

}



.navbar-nav .nav-item:nth-of-type(1) .nav-link:hover {
  color: #e6b800; /* Dunklere Variante von #ffcc00 */
}

.navbar-nav .nav-item:nth-of-type(2) .nav-link:hover {
  color: #e68a00; /* Dunklere Variante von #ff9500 */
}

.navbar-nav .nav-item:nth-of-type(3) .nav-link:hover {
  color: #c13a47; /* Dunklere Variante von #e14752 */
}

.navbar-nav .nav-item:nth-of-type(4) .nav-link:hover {
  color: #1f8a99; /* Dunklere Variante von #30b0c7 */
}

.navbar-nav .nav-item:nth-of-type(5) .nav-link:hover {
  color: #2f8c40; /* Dunklere Variante von #34c759 */
}

.navbar-nav .nav-item:nth-of-type(6) .nav-link:hover {
  /* Kein Hover-Effekt für das letzte Element */
}



.News-rechts-Button {
  padding-top: 12px!important;
  padding-bottom: 12px!important;
  padding-left: 16px!important;
  padding-right: 16px!important;
}

.Groß-Button-News {
}

.card {
  box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.07058823529411765)!important;
}

.Themen-Head-Container {
  margin-bottom: 55px;
}

.Themen-Span {
  margin-right: 5px;
}

.Container-Themen {
  position: relative;
  z-index: 1;
  /*padding-left: 0;*/
  padding-right: 0;
  background: #ffffff;
  box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.07058823529411765);
}

.Margin-Inhalt {
  padding-left: 0px!important;
  padding-right: 0px!important;
  margin-left: 0px!important;
  margin-right: 0px!important;
}

.Themen-Abstand {
  padding-top: 22px!important;
  padding-bottom: 22px!important;
  padding-left: 22px!important;
  padding-right: 22px!important;
}

.Footer-Sektion {
  background: #ffffff;
  padding-top: 41px;
  padding-bottom: 41px;
  padding-left: 38px;
  padding-right: 38px;
  box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.07058823529411765);
}