/* CSS Document */

h1,h2,h3,h4,h5,p {
    hyphens: auto;
}

.breadcrumb-item {
    font-size: 0.8rem;
}

.btn-danger {
  color: #ffffff;
  background-color: #C75984;
  border-color: #C75984;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #B53C6C;
  border-color: #B53C6C;
}



h1,h2,h3,h4,h5,p, label {
    hyphens: auto;
}


	@media (max-width: 767px) { 
		.show_scroll_down {
			display: none!important;
		}
	}
	@media (min-width: 768px) { 
		.show_scroll_down {
			transform: rotate(-45deg);
			animation: scrollDown 1.4s infinite; 
		}
	}


@media (max-width: 575.98px) { 
    .navbar {
        padding-bottom: 1rem;
    }
    .row-distance-vert-custom {
        height: 0;
    }
    
    .navbar-brand img {
        max-height: 5.0rem !important;
    }
    
    div.sul-illustration {
         max-width: 100% !important;
        overflow: hidden;
    }
    div.sul-illustration img {
        margin-top: 50px;
        margin-bottom: 50px;
         transform: scale(2.0, 2.0);       
    }     
}


@media (max-width: 575.98px) { 
    .align-neum-kalender{
		padding-left:20px!important;
        text-align: left;
    }     
}

@media (min-width: 576px) {         
    .align-neum-kalender{
 		padding-left:20px!important;
		text-align: center;        
    } 
    .row-distance-vert-custom {
        margin-top: 100px;
    } 
    .navbar-brand img {
        max-width: 12.0rem !important;
        max-height: 5.0rem !important;
    }	
}



::placeholder {
	font-size: 0.7em;
}

/* X-Small devices (portrait phones, less than 576px)  */
@media (max-width: 767.98px) { 
    #div_fbe_id {
        display: none;
    }
    #div_form_id {
        display: none;
    }    
}

.btn {
    font-weight: 500;
    border: none; 
}
.btn-outline-white {
    border: thin white solid !important;
}

.nav-link {
    font-weight: 500;
}



.dropdown-menu .dropdown-item.active {
    font-weight: 500;
}


.card-hover-gray:hover {
    color: #000 !important;
    background: #EFEFEF;
}

.list-group-item.list-group-item-action:hover {
    color: #000 !important;
    background: #EFEFEF;
}


#home_start {
    height: 300px;
    max-height: 300px !important;
}



a[type='button'] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

 }

.faq_answer {
   font-size: 0.875em; 
   color: #777777 !important;
}



footer {

    background-color: #F2F2F2;;
}

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


/*-------- Section backgrounds----------------------------*/
.section-light-gray {
    background-color: #F2F2F2;
}


.green-light {    color: #6F802A; }
.green-lighter {  color: #D5E0A9; }

.red-light {    color: #A70033; }
.red-lighter {    color: #DDA1B3; }

.violett-light {    color: #8377E3; }
.violett-lighter {    color: #ABADDE; }

.orange-light {    color: #E67613; }
.orange-lighter {  color: #F0BD91; }

/*
.navbar-light .navbar-nav .nav-link.active {    
    color: rgba(0, 0, 0, 0.9);  
    border-bottom: 10px #BEDDCB solid;
}
*/

/*--------CropIt  Profilfoto ------------------------*/
  .cropit-preview {
        background-color: #f8f8f8;
        background-size: cover;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-top: 7px;
        width: 400px;
        height: 400px;	   
      }
     .cropit-preview-image-container {
        cursor: move;
      }

      .image-size-label {
        margin-top: 10px;
      }
	  .cropit-preview-image {
				max-width: none;
	  }



.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}




.form-floating > label {
    color: #888;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    opacity: 0.8;
    transform: scale(0.8) translateY(-0.5rem) translateX(0.15rem);
}



.list-group-item-noborder {
    border-left: none !important;
    border-right: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;	
}

.abstand_gering {
    line-height: 50%;
}

div.card-body.bg-blue.text-white a { color: #fff !important; }
div.card-body.bg-red.text-white a { color: #fff !important; }

#news_block table tbody td {
	border: thin solid #333;
}


footer {
  font-size: 1.1rem;
  line-height: 1.7rem;
}




/* Dropdown Menu für PDF-Generierung */
.checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}
.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.checkbox-menu li.active label {
    background-color: #F4C4C5;
    font-weight:bold;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
    background-color: #E67578;
}










.vergleich_b_c {
	width: 676px;
	height: 448px;
	background-image:url(/gfx/auswertung_kurz_b_c_bg.png);
	background-repeat:no-repeat;
}
#indikator_my {
	position: absolute;
	margin-top: 64px;
	background-image:url(/gfx/indikator_my.png);
	background-repeat:no-repeat;
	width: 92px;
	height: 250px;
	text-align: center;
	color: #FFF;
	padding-top: 14px;
	font-size: 23px;
	font-weight: bold;
	z-index: 10;
}
#indikator_worst_b {
	position: absolute;
	margin-top: 106px;
	background-image:url(/gfx/indikator_worst_b.png);
	background-repeat: no-repeat;
	width: 61px;
	height: 71px;
	text-align: center;
	color: #FFF;
	padding-top: 7px;
	font-size: 16px;
	z-index: 6;	
}
#indikator_best_b {
	position: absolute;
	margin-top: 106px;
	background-image:url(/gfx/indikator_best_b.png);
	background-repeat: no-repeat;
	width: 61px;
	height: 71px;
	text-align: center;
	color: #FFF;
	padding-top: 7px;
	font-size: 16px;
	z-index: 8;	
}
#indikator_worst_c {
	position: absolute;
	margin-top: 270px;
	background-image:url(/gfx/indikator_worst_c.png);
	background-repeat: no-repeat;
	width: 61px;
	height: 71px;
	text-align: center;
	color: #FFF;
	padding-top: 46px;
	font-size: 16px;
	z-index: 6;	
}
#indikator_best_c {
	position: absolute;
	margin-top: 270px;
	background-image:url(/gfx/indikator_best_c.png);
	background-repeat: no-repeat;
	width: 61px;
	height: 71px;
	text-align: center;
	color: #FFF;
	padding-top: 46px;
	font-size: 16px;
	z-index: 8;	
} 


.vergleich_block_worst {
	margin-top:50px;
	padding: 11px 0 11px 0;	
	color: #741E1E;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-bottom-width: thin;
}
.vergleich_block_best {
	padding: 11px 0 11px 0;	
	color: #47A82F;
	font-weight: bold;	
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-bottom-width: thin;

}
.vergleich_block_avg {
	padding: 11px 0 11px 0;	
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-bottom-width: thin;

}
.vergleich_block_my {
	padding: 11px 0 11px 0;	
	color: #9FC427;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-bottom-width: thin;

}



#gesamtauswertung_prozent {
	font-size: 200%;
}





/* Modernisiertes alert-info Styling */
/* Basis-Style für alle Alerts */
.alert {
  border-left: 6px solid transparent;
/*  border-radius: 0.75rem;  */
  border-radius: 0;
  padding: 1.25rem 1.5rem;
  font-size: 1rem;
  box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.04);
  position: relative;
  margin-bottom: 1.5rem;
}

/* Alert Info – Frisches Blau */
.alert-info {
  background-color: #e6f4fd;
/*  border-left-color: #0d6efd;  */
  color: #084298;
}

/* Alert Danger – Modernes Rot */
.alert-danger {
  background-color: #fde8e9;
/*  border-left-color: #dc3545; */
  color: #842029;
}

/* Alert Warning – Helles Gelb */
.alert-warning {
  background-color: #fff8e1;
/*  border-left-color: #ffc107; */
  color: #664d03;
}

/* Alert Success – Sanftes Grün */
.alert-success {
  background-color: #e9f7ef;
/*  border-left-color: #198754; */
  color: #0f5132;
}

/* Alert Light – Sehr helles Grau */
.alert-light {
  background-color: #f8f9fa;
/*  border-left-color: #ced4da;  */
  color: #636c72;
}

/* Alert Dark – Edles Anthrazit */
.alert-dark {
  background-color: #e2e3e5;
/*  border-left-color: #343a40;  */
  color: #212529;
}

/* Optional: Absätze und Listen einrücken */
.alert p,
.alert ul,
.alert div,
.alert span {
  margin-bottom: 0.5rem;
}

/* Optional: Links im Alert */
.alert a {
  font-weight: 500;
  text-decoration: underline;
  color: inherit;
}
.alert a:hover {
  text-decoration: none;
}


.text-info {
  color: #2074b6 !important;
}




.helper-box {
  background-color: #eaf6ff;
  border-left: 5px solid #0d6efd;
  padding: 1rem 1.25rem;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  color: #084298;
  margin-top: 0.75rem;
}



.col-form-label {
  padding-top: calc(1rem + 1px);
  padding-bottom: calc(1rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
  font-weight: 500; /* Bootstrap 5: entspricht fw-semibold */
  color: #212529; /* leicht dunkler als Standard-Grau */	
}


.input-group-text {
/*	
  background-color: #f0f4f8;        /* helles, modernes Grau-Blau */
/*  color: #495057;                   /* angenehmes Dunkelgrau */
/*  font-weight: 500;                 /* leicht betont */
/*  border: 1px solid #ced4da;
/*  border-radius: 0.5rem 0 0 0.5rem; /* links rund, rechts nicht */
/*  border-radius: 0; /* links rund, rechts nicht */
/*  padding: 0.5rem 0.75rem;
/*  min-width: 3.5rem;                /* gleichmäßige Breite für Zahlen */
/*  text-align: center;
*/

	background: #eaeaea;
	color: #000000;
	border: none;
}






/* Standardgröße für alle Bereichs-Icons */
.bi[class^="icon-"] {
  font-size: 1.2rem;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.bi-record-circle-fill { color: #BBCFD7; }  
.bi-box-fill { color: #FFCDE3; }  
.bi-cup-fill { color: #FFE165; }  
.bi-collection-fill { color: #4E56FF; } 
.bi-house-door-fill { color: #02C484; } 
.bi-suitcase-fill { color: #FF1B19; } 
.bi-highlights { color: #02C484; } 
.bi-stack { color: #9756FF; } 
.bi-droplet-fill { color: #4E56FF; } 
.bi-trash3-fill { color: #BB8B79; } 
.bi-nut-fill { color: #FE4F00; } 
.bi-speedometer { color: #000000; } 
.bi-back { color: #000000; } 
.bi-clipboard-check-fill { color: #000000; } 
.bi-check-circle-fill { color: #000000; } 
.bi-clipboard-data-fill { color: #000000; } 
.bi-cloud-fill { color: #000000; }