/* CSS Document */




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

h1,h2,h3,h4,h5,p {
    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: 3.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;
    }    
}



/* 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.0rem;
}