/******************    
Robert 20.07.24

Farben PtJ Relaunch
Purpurrot: 	#d93651 // 217,54,81	// color: white
Diagr-Hover:#FE8A91 // 254,138,145	// color: black

Tiefgrün: 	#264540 // 38,69,64		// color: white
Limegelb:	#E4F485 // 228,244,133 	// color: black
Beige: 		#CCC2B6 // 204,194,182 	// color: black


******************/ 

/* custom.css Systemseitige Definitionen: */
	.table-bordered > thead > tr > th {
		border: 1px solid #dadada;
	}
	.table-bordered > thead > tr > td {
		border: 1px solid #dadada;		
	}

/* Obere Navileiste mit Logo */
	.PtJ .navbar {
	    background-color: #264540 !important;
	}	
	
/* Progressbar */
	.progress-bar {
		background-color: #E4F485;
		color: black;
	}

/* Container*/ 
	.bg-primary {
		background-color: #E4F485 !important;    /* -limegelb */
		
	}
	
/* Fragencontainer */
	.row > * {
		padding: calc(var(--bs-gutter-x)*.5);
	}
	.question-container {
		border-radius: 0.85rem 0.85rem 0 0;	
	}	
	.question-title-container {
		background-color: #264540; /* tiefgrün */
		border-bottom: 10px solid #CCC2b6; /* Sand */
		border-bottom: 10px solid #E4F485; /* Limegelb */
		color: #fff;
		font-weight: 600;
		border-radius: 0.85rem 0.85rem 0 0;	
	}
	.text-info {
		/*background-color: #E4F485;*/
		color: #000 !important;
	}
	
/* Warnfelder */
	.PtJ .alert-warning {
		background-color: transparent;
		border: 1px solid #d93651;
		color: #d93651
	}
	.PtJ .alert-warning hr {
		border-top-color:#d93651
	}
	.PtJ .alert-warning .alert-link {
		color:#d93651;
		text-decoration:underline
	}
	.PtJ .alert-danger {
		background-color:transparent;
		border:1px solid #a94442;
		color:#a94442
	}
	.PtJ .alert-danger hr {
		border-top-color:#a94442
	}
	.PtJ .alert-danger .alert-link {
		color:#a94442;
		text-decoration:underline
	}		
/* Antwortlabels */	
	.ls-answers label,
	.ls-answers th {
		font-weight: 600
	}	
/* Formularelemente - Dropdownfelder */
	.form-select{
		background-color:#CCC2B6;
		font-weight: 600;
	}
	.form-select:hover {
		background-color: #d93651;
		color: white;
	}
	.form-select:focus {
		box-shadow:0 0 0 .25rem rgba(217,54,81,1);
		outline:0;
	}
	.form-select:after {
		background-color: #d93651;
		color: white;
	}
/* Formularelemente - Eingabefelder */
	.form-control:focus {
		background-color:#CCC2B6;
		background-color:#fff;
		border-color:#CCC2B6;
		box-shadow:0 0 0 .25rem rgba(217,54,81,0.5);
		color:#212529;	
	}
/* Formularelemente - Checkboxen */	
	.form-check-input:checked {
		background-color: #CCC2B6;
		border-color: #CCC2B6;
	}
	.checkbox-item label::after {
        background-color: #CCC2B6;
    }
/* Formularelemente - Radiobuttons */
	.radio-item label::after {
		background-color: #264540; /* grün */
		background-color: #d93651; /* rot */
	}
/* Formularelemente - Bewertungssterne */	
	.star-1{
		color: #264540;
	}
	.star-1.star-drained, .star-1.star-rated-on:not(.star-drained), .star-1.star-rated-on:not(.star-stub) {
		color: #FE8A91;
	}
	.star-1.star-drained.star-hover, .star-1.star-rated-on.star-hover, .star-1.star-thisrated.star-rated-on {
		color: #d93651;
	}	
	.star-2{
		color: #377B67;
	}
	.star-2.star-drained, .star-2.star-rated-on:not(.star-drained), .star-2.star-rated-on:not(.star-stub) {
		color: #FE8A91;
	}
	.star-2.star-drained.star-hover, .star-2.star-rated-on.star-hover, .star-2.star-thisrated.star-rated-on {
		color: #d93651;
	}	
	.star-3{
		color: #20BC71;
	}
	.star-3.star-drained, .star-3.star-rated-on:not(.star-drained), .star-3.star-rated-on:not(.star-stub) {
		color: #FE8A91;
	}
	.star-3.star-drained.star-hover, .star-3.star-rated-on.star-hover, .star-3.star-thisrated.star-rated-on {
		color: #d93651;
	}	
	.star-4{
		color: #95D6AF;
	}
	.star-4.star-drained, .star-4.star-rated-on:not(.star-drained), .star-4.star-rated-on:not(.star-stub) {
		color: #FE8A91;
	}
	.star-4.star-drained.star-hover, .star-4.star-rated-on.star-hover, .star-4.star-thisrated.star-rated-on {
		color: #d93651;
	}	
	.star-5{
		color: #D7E86E;
	}
	.star-5.star-drained, .star-5.star-rated-on:not(.star-drained), .star-5.star-rated-on:not(.star-stub) {
		color: #FE8A91;
	}
	.star-5.star-drained.star-hover, .star-5.star-rated-on.star-hover, .star-5.star-thisrated.star-rated-on {
		color: #d93651;
	}

/* Buttons */ 
	.btn{
		border-radius: 0.85rem;	
		font-weight: 600;
	}
	.btn:hover {
	  background-color: #d93651;
	  border-color: #d93651;
	}	
	.btn-primary {
		background-color: #CCC2B6;
		border-color: #CCC2B6;
		font-weight: 600;
		color: #000;
	}	
	.btn-check:active + .btn-primary,
	.btn-check:checked + .btn-primary, 
	.btn-primary.active, 
	.btn-primary:active, 
	.show > .btn-primary.dropdown-toggle {		
		background-color: #d93651 !important;
		border-color: #d93651 !important;	
	}
	.btn-check:focus+.btn-primary,
	.btn-primary:focus,
	.btn-primary:hover {
		background-color: #d93651 !important;
		border-color: #d93651 !important;
	}
	.btn-check:active+.btn-primary:focus,
	.btn-check:checked+.btn-primary:focus,
	.btn-primary.active:focus,
	.btn-primary:active:focus,
	.show>.btn-primary.dropdown-toggle:focus {
		box-shadow:0 0 0 .25rem rgba(217,54,81,.5)
	}
	.btn-check:focus+.btn-primary,
	.btn-primary:focus {
		box-shadow:0 0 0 .25rem rgba(217,54,81,.5)
	}
/* Texte */
	.text-primary {
	  --bs-text-opacity: 1;
		color: #000 !important;
	}
/* Links */
	a {
		color:#d93651;
		text-decoration:underline
	}
	a:hover {
		color:#b82e45;
	}
	/* Navigationslinks im Header oben rechts */
    #survey-nav .nav-link {
      color: #fff;
    }
    #survey-nav .nav-link:hover {
      color: #CCC2B6;
    }