#mb-01 h4 {
	font-size: 30px;
}
#mb-01 h1 {
	font-size: 36px;
}
#mb-00 h1 {
	font-size: 36px;
}
#mb-00 h4 {
	font-size: 30px;
}
#mb-10 h1 {
	font-size: 36px;
}
#mb-10 h4 {
	font-size: 30px; color: #0b9bd9;
}
#mb-10 h5 {
	font-size: 24px;
}

p, li {font-size: 18px;} 

.mb-section.section-black{
	padding: 40px 0;
	min-height: 100px;
	background-color: #000;
	color: #fff!important;
}
.mb-section .caption{
	color: #fff!important;
	height: 70px;
	margin-top: -140px;
}
.mb-section .caption p{
	color: #fff!important;
	line-height: 1!important;
	margin-bottom: 1.5em;
}
.mb-section.section-white{
	padding: 20px 0;
	min-height: 100px;
	background-color: #fff;
	color: #333;
}
.mb-section.section-grey{
	padding: 20px 0;
	min-height: 100px;
	background-color: #F1F1F1;
	color: #333;
}
.header-top-bottom{
	background-color: #000;
	color: #fff;
	padding: 6px;
	
	
}

.ablue {border-bottom: 1px solid #0d9ad9; font-size: 22px; font-weight: bold;}

.btn-primary {
	background-color: #0d9ad9;
	padding: 10px 20px;
	margin-left: 10px;
	border: 0px;
	border-radius: 30px;
}
.btn-primary:hover {
	background-color: #004579;
}
.bordered-bottom div {border-bottom: solid 1px #DDD; padding: 6px inherit;}
.bordered-bottom div p {margin-bottom: 0px;}
.not-bordered {border-bottom: 0px !important;}
small {color: #999;}


.badge-text {
  position: absolute;
  top: 10px;
  right: 26px;
  background-color: rgba(0, 0, 0, 0.3); /* Optional: Halbtransparenter Hintergrund */
  color: white;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 5px; /* Optional: Abgerundete Ecken */
}


.custom-bg-container {
  position: relative;
  background-image: url('/img/home/Startbild2.png');
  background-size: cover; /* Passt das Bild an, sodass es komplett sichtbar ist */
  background-position: right center; /* Bild rechts und vertikal zentriert */
  background-repeat: no-repeat; /* Verhindert Wiederholung des Bildes */
  min-height: 340px; /* Optional: Höhe anpassen, falls benötigt */
}

.irs--big .irs-handle {
    top: 15px;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #0b9bd9;
	border-radius: 30px;
}

.widget .form-check-label {font-size: 16px;}

.liste p {font-size: 18px;}
.liste p small{font-size: 14px;}



/* Stilisierter Monitor-Rahmen */
.monitor-frame {
    position: relative; /* Für Pseudo-Elemente */
    width: 100%; /* Video anpassen */
    max-width: 640px; /* Breite anpassen */
    border: 8px solid #333; /* Monitor-Rahmen in dunklem Grau */
    border-radius: 12px; /* Abgerundete Ecken */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3); /* Schatten für 3D-Effekt */
    background-color: #333; /* Monitor-Hintergrundfarbe */
    overflow: hidden;
}

/* Optionaler Standfuß des Monitors */
.moni::after {
    content: "";
    position: absolute;
    bottom: -10px; /* Position des Fußes */
    left: 50%;
    transform: translateX(-50%);
    width: 40px; /* Breite des Fußes */
    height: 10px; /* Höhe des Fußes */
    background-color: #333; /* Farbe des Fußes */
    /*border-radius: 0 0 8px 8px;  Abgerundete Ecken oben 
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.8); /* Schatten für Tiefe */
	z-index: 10000;
}
.moni::before {
    content: "";
    position: absolute;
    bottom: -30px; /* Position des Fußes */
    left: 50%;
    transform: translateX(-50%);
    width: 120px; /* Breite des Fußes */
    height: 20px; /* Höhe des Fußes */
    background-color: #333; /* Farbe des Fußes */
    border-radius: 0 0 4px 4px; /* Abgerundete Ecken oben */
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); /* Schatten für Tiefe */
	z-index: 10000;
}