/* Portal Corporate Design */

:root {

    /* --bs-body-bg: #fffcf7; */
    --bs-body-bg: #fff;

    --primary-color: #000000;
    --primary-color-hover: #004393;
    --secondary-color: #e6544e;


	--bs-primary-rgb: 0, 67, 147;

    --btn-text-primary-color: var(--default-color);
    --btn-text-secondary-color: var(--default-color);




    --font-primary: "Montserrat", sans-serif;

    --font-secondary: "Montserrat", sans-serif;
    --default-color: #ffffff;
    --dark-color: #1c1c1c;
    --dark-color-hover: #FF9E17;

	--link-color: var(--primary-color);
	--link-color-hover: var(--primary-color);

	--link-color-light: var(--secondary-color);
	--link-color-light-hover:  var(--secondary-color);


    --border-color: #718287;
    --border-color-dark: #000;

    --transition-menu: 300ms;

    --black-100: #000;
    --black-90 : rgba(0, 0, 0, 0.9);
    --black-80 : rgba(0, 0, 0, 0.8);
    --black-70 : rgba(0, 0, 0, 0.7);
    --black-60 : rgba(0, 0, 0, 0.6);
    --black-50 : rgba(0, 0, 0, 0.5);
    --black-40 : rgba(0, 0, 0, 0.4);
    --black-30 : rgba(0, 0, 0, 0.3);
    --black-20 : rgba(0, 0, 0, 0.2);
    --black-10 : rgba(0, 0, 0, 0.1);



    
    
}

/* Cards */
.card {
    --bs-card-inner-border-radius: 0px;
    --bs-card-border-radius: 0px;
}

.btn {
    --bs-btn-font-size: 0.933rem;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #004393;
    --bs-btn-border-color: #004393;
    --bs-btn-hover-color: #222;
    --bs-btn-hover-bg: #75B3FF;
    --bs-btn-hover-border-color: #75B3FF;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #004393;
    --bs-btn-active-border-color: #004393;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #004393;
    --bs-btn-disabled-border-color: #004393;
  }

  .btn-outline-primary {
    --bs-btn-color: #004393;
    --bs-btn-border-color: #004393;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #024fad;
    --bs-btn-hover-border-color: #004393;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #004393;
    --bs-btn-active-border-color: #004393;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #004393;
    --bs-btn-disabled-border-color: #004393;
  }


.btn-outline-secondary {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: rgb(0, 0, 0);
    --bs-btn-active-bg: rgb(255, 250, 250);
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
    --bs-gradient: none;
    }

.btn-secondary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #fff;
  }


.btn-outline-dark {
    --bs-btn-color: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000000;
    --bs-btn-hover-border-color: #000000;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000000;
    --bs-btn-active-border-color: #000000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #000000;
    --bs-gradient: none;
}
.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000000;
    --bs-btn-hover-border-color: #000000;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000000;
    --bs-btn-active-border-color: #000000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #000000;
    --bs-btn-disabled-border-color: #000000;
  }

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #df111b;
    --bs-btn-border-color: #df111b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #df111b;
    --bs-btn-hover-border-color: #df111b;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #df111b;
    --bs-btn-active-border-color: #df111b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #df111b;
    --bs-btn-disabled-border-color: #df111b;
  }

  .btn-outline-danger {
    --bs-btn-color: #df111b;
    --bs-btn-border-color: #df111b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #df111b;
    --bs-btn-hover-border-color: #df111b;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #df111b;
    --bs-btn-active-border-color: #df111b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #df111b;
    --bs-btn-disabled-border-color: #df111b;
  }

.btn-warning {
    --bs-btn-color: #004393;
    --bs-btn-border-color: #004393;
    --bs-btn-bg: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #024fad;
    --bs-btn-hover-border-color: #004393;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #004393;
    --bs-btn-active-border-color: #004393;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #004393;
    --bs-btn-disabled-border-color: #004393;
  }

  .btn-outline-warning {
    --bs-btn-color: #004393;
    --bs-btn-border-color: #004393;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #024fad;
    --bs-btn-hover-border-color: #004393;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #004393;
    --bs-btn-active-border-color: #004393;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #004393;
    --bs-btn-disabled-border-color: #004393;
  }



/* Tools */

.inset-shadow {
    box-shadow: inset 0px 3px 4px -3px #000;
}

.transition-0 {
    transition: none !important;
}

.transition-1 {
    transition: all 0.2s ease-in-out!important;
}

.transition-2 {
    transition: all 0.4s ease-in-out!important;
}

.transition-3 {
    transition: all 0.6s ease-in-out!important;
}

.transition-4 {
    transition: all 0.8s ease-in-out!important;
}

.transition-5 {
    transition: all 1s ease-in-out!important;
}

.z-index-n1 {
    z-index: -1 !important
}

.z-index-n2 {
    z-index: -2 !important
}

.z-index-0 {
    z-index: 0 !important
}

.z-index-1 {
    z-index: 1 !important
}

.z-index-2 {
    z-index: 2 !important
}

.z-index-3 {
    z-index: 3 !important
}


.object-fit-contain {
    object-fit: contain !important
}

.object-fit-cover {
    object-fit: cover !important
}

.object-fit-fill {
    object-fit: fill !important
}

.object-fit-scale {
    object-fit: scale-down !important
}

.object-fit-none {
    object-fit: none !important
}


.text-justify {
    text-align: justify;
}

.text-wrap-balance {
    flex-wrap: balance !important
}

.text-italic {
    font-style: italic !important
}



.text-xs {
	font-size: clamp(0.7rem, 0.3rem + 1.5vw, 0.8rem) !important;
	line-height: normal;
}

.text-sm {
	font-size: clamp(0.85rem, 0.3rem + 1.5vw, 0.9rem) !important;
	line-height: normal;
}

.text-md {
	font-size: clamp(0.9rem, 0.3rem + 1.5vw, 1rem) !important;
	line-height: normal;
}

.text-lg {
	font-size: clamp(0.95rem, 0.3rem + 1.5vw, 1.15rem) !important;
	line-height: normal;
}

.text-xl {
	font-size: clamp(1rem, 0.3rem + 1.5vw, 1.22rem) !important;
	line-height: normal;
}

.text-xxl {
	font-size: clamp(1.3rem, 0.3rem + 1.5vw, 1.5rem) !important;
	line-height: normal;
}



.text-shadow {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.88);
}

.bg-black-1 {
    background: rgba(0, 0, 0, 0.15);
}

.bg-lightgrey {
    background: #dee2e6;
}

.bg-parallax {
    background-color: rgb(0 67 138 / 96%) !important;
}
.bg-dunkelblau {
    background: #004393 !important;
}


.bg-black-2 {
    background: rgba(0, 0, 0, 0.30);
}

.bg-black-3 {
    background: rgba(0, 0, 0, 0.45);
}

.bg-black-4 {
    background: rgba(0, 0, 0, 0.66);
}

.bg-black-5 {
    background: rgba(0, 0, 0, 0.88);
}

.mt-n1 {
    margin-top: -0.25rem !important;
}
.mt-n2 {
    margin-top: -0.5rem !important;
}

.mt-n3 {
    margin-top: -1rem !important;
}

.mt-n4 {
    margin-top: -1.5rem !important;
}

.mt-n5 {
    margin-top: -3rem !important;
}

.weight-100 {
    font-weight: 100;
}

.weight-200 {
    font-weight: 200;
}

.weight-300 {
    font-weight: 300;
}

.weight-400 {
    font-weight: 400;
}

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

.weight-600 {
    font-weight: 600;
}

.weight-700 {
    font-weight: 700;
}

.weight-800 {
    font-weight: 800;
}

.weight-900 {
    font-weight: 900;
}



.py-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
}
  
.py-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.py-8 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
}

.py-9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
}

.py-10 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
}


.my-6 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
}
  
.my-7 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}

.my-8 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
}

.my-9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
}

.my-10 {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
}




.lh-1 {
    line-height: 1 !important;
}
  
.lh-2 {
    line-height: 1.33 !important;
}
  
.lh-3 {
    line-height: 1.66 !important;
}
  
.lh-4 {
    line-height: 2 !important;
}

.lh-5 {
    line-height: 2.5 !important;
}






html {
    font-size: 90%;
}


body {
    font-family: var(--font-primary);
    font-size: 1.1rem;
    color: var(--primary-color);
}

h1 {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 38px;
}
h2 {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 27px;
}
h3 {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 18px
}
h4 {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 16px
}
h5 {
    color: var(--primary-color);
    font-weight: 500;
    font-size: 15px
}
h6 {
    color: var(--primary-color);
    font-weight: 500;
    font-size: 14px
}

a {
    text-decoration: none;
    color: var(--link-color);
}



a:hover, a:active {
    color: var(--link-color-hover);
}

a.nav-link {
    text-decoration: none;
    color: var(--primary-color);
    font-size: 1em;
}

.nav-item {
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
}

.card.bg-primary a {
    text-decoration: none;
    color          : var(--link-color-light);
}

.card.bg-primary a:hover, .card.bg-primary a:active {
    color: var(--link-color-light-hover);
}


/* tools */

.hidden {
    display: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
  
/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Bootstrap overrides */
.card.dia {
    --bs-card-border-radius: 0px;
    border: 0px solid var(--border-color);
    display: block;
    position: relative;
    background-color: transparent;
}

.card.dia::after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    transform: skew(-10deg);
    background: #fff;
}

.card.gradient {
    border: 0px solid var(--border-color);
    display: block;
    position: relative;
    background: #fff;
    /* background: linear-gradient(25deg, rgba(0, 139, 210, 0.3) 0%, #fff 60%); */
}

.card-body {
    z-index: 1;
    position: relative;
}

.btn {
    text-transform: uppercase;
    padding: 0.66rem 1rem 0.66rem 1rem;
}

.modal {
    --bs-modal-border-radius: 12px;
}

.progress {
    --bs-progress-height: 9px;
    --bs-progress-bg: transparent;
    --bs-progress-bar-bg: var(--primary-color);
    border-radius: 0;
}

.badge.big{
        font-size: 1em;
}


/* Modal */

.close-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1060;
    height: 25px;
    width: 25px;
    padding: 0;
}



/* backgrounds */
.bg-blue {
    background-color: var(--blue) !important;
}

.bg-darkblue {
    background-color: var(--primary-color) !important;
}

.bg-bluegrey {
    background-color: var(--bluegrey) !important;
}

.bg-grey {
    background-color: var(--black-10) !important;
}




/* text */

.font-primary {
    font-family: var(--font-primary) !important;
}
.font-secondary {
    font-family: var(--font-secondary) !important;
}



/* buttons */
.setLang {
    cursor:pointer;
}

.setLang img {
    height: 18px;
    padding-left: 10px;
    padding-top: 4px;
}

.select2 {
	/*
	width: 240px;
	min-width: 240px;
	*/
	min-height: 34px;
	border: 0px;
	display: block;
	background: linear-gradient(	  
		to right,
		rgba(236, 239, 241, 0),
		rgba(236, 239, 241, 0.5) 50%,
		rgba(236, 239, 241, 0) 80%
	),
	#f8f9fc;
	background-repeat: repeat-y;
	background-size: 50px 500px;
	background-position: 0 0;
	animation: shine 1s infinite;	  
}
  
.select2.min {
	width: 240px;
	min-width: 240px;
}

.select2-container--open .select2-dropdown {
    z-index: 9999;
}

@keyframes shine {	
	to {
	background-position: 100% 0,  0 0;
	}
}

.select2-container--default,
.select2-selection--single,
.select2-dropdown,
.select2-selection__rendered{
	background-color: #fff !important;
	background: linear-gradient( to right, rgb(255 255 255 / 0%), rgb(255 255 255 / 50%) 50%, rgb(255 255 255 / 0%) 80% ), #ffffff;
}
.select2-container--default
.select2-selection,
.select2-container--default
.select2-selection--single {
	border-radius: 12px;
    border: 1px solid var(--border-color);
    padding: 0.65rem 0.88rem;
    margin-bottom: 1.5rem;
}

.select2-container--default 
.select2-selection--single 
.select2-selection__arrow {
	height: unset;
	top: 0;
	bottom: 0;
}

.modal .select2 {
	z-index: 1060;
}

.select2-container .select2-selection--single {
	height: unset;
}

.select2-container {
    display: block;
    overflow: visible;
}

.select2-selection__rendered {
	display: block;
}


.form-check {
	display: flex;
	align-items: center;
}

.form-check-input {
	width: 1.3em;
    height: 1.3em;
}
.form-check-label {
	margin-left: 0.5rem;
	margin-top: auto;
}




/* Custom select field */
.custom-select {
	position: relative;
	cursor: pointer;
  }
  
  .select-header {
	display: flex;
	align-items: center;
	padding: 8px;
  }

  .select-header .option-icon {
	height: 22px;
    width: 22px;
	margin: 0 !important;
  }
  
  .selected-icon img,
  .option-icon img {
	width: 24px;
	height: 16px;
	margin-right: 8px;
  }
  
  .options {
	display: none;
	position: absolute;
	right: 0;
	background-color: #fff;
	border: 1px solid #ccc;
	overflow-y: auto;
  }
  
  .option {
	display: flex;
	align-items: center;
	padding: 8px;
	cursor: pointer;
  }
  
  .option:hover {
	background-color: #f0f0f0;
  }


  .show-options {
	display: block;
  }

  .option-icon {
	box-shadow: 0 0 1px #000;
  }








.btn-circle, .btn-circle:hover {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    position: relative;
    color: #fff;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-circle:hover, .btn-circle:active, .btn-circle:focus, .btn-circle:visited {
    background: var(--primary-color-hover) !important;
}


/* .btn-circle i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: table;
    color: #fff;
    line-height: normal;
} */

/* universal helpers */
.crop-text-1 {
    -webkit-line-clamp: 1;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-2 {
    -webkit-line-clamp: 2;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-3 {
    -webkit-line-clamp: 3;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-4 {
    -webkit-line-clamp: 4;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-5 {
    -webkit-line-clamp: 5;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-6 {
    -webkit-line-clamp: 6;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-7 {
    -webkit-line-clamp: 7;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-8 {
    -webkit-line-clamp: 8;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


.backdrop-blur {
    backdrop-filter: blur(50px);
}


.money::after {
    content: '€';
}

.form-group:has([required]) label::after {
    content:'*';
}


/* form helpers */

input[type="search"], input[type="text"], input[type="email"], input[type="password"], select {
    border-radius: 50rem;
    border: 1px solid #1c1c1c;
    padding: 0.375rem 0.75rem
}

.form-group .form-control {
    border-radius: 2rem;
    border: 1px solid var(--border-color);
    padding: 0.65rem 0.88rem;
    margin-bottom: 1.5rem;
}

.form-group {
    position: relative;
    margin-bottom: 10px;
}

.form-group label {
    font-size: 1rem;
    position: absolute;
    /* top: -9px;
    left: 15px; */
    background: #fff;
    padding: 0 0.88rem;
    border-radius: 10px;
	z-index: 1050;
}

.fab-icon {
      position: fixed;
      bottom: 20px;
      right: 20px;
      font-size: 2rem;
      color: #ffffff;
      background-color: var(--primary-color);
      border: none;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      cursor: pointer;
      z-index: 9999;
    }

.fab-icon i, .fab-icon i:hover {
	font-size: 2.2rem;
	color: #ffffff;
}

.form-select.is-invalid, .form-control.is-invalid, .was-validated .form-select:invalid {
    border-color: #dc3545 !important;
}




/* submenu */


.navbar-brand img {
    height: 72px;
}

.divider-bottom{
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, .1), inset 0 0.125em 0.5em rgba(0, 0, 0, .15);

}


.btn {
    line-height: normal;
}


.submenu-container {
    z-index: 100;
    border-top: 1px solid var(--black-10);
}
.submenu {
    display: flex;
}
.submenu .submenu-item {
    text-transform:uppercase;
    border-bottom: transparent;
    color: var(--mhw-darkblue);  
    transition: all var(--mhw-transition-menu);
    -webkit-transition: all var(--mhw-transition-menu);
}



.submenu .submenu-item:hover {
    cursor: pointer;
}
.submenu .submenu-item:after {
  display:block;
  content: '';
  border-bottom: solid 3px var(--mhw-darkblue);
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}
.submenu .submenu-item:hover:after { 
    transform: scaleX(1); 
}

.submenu .submenu-item.active:after { 
    transform: scaleX(1); 
}

.menu-border {
    margin-top: -2px;
}

/* custom */

.profile-banner {
    height: 10rem;
}


.img-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    /* right: 0px; */
    /* bottom: 0px; */
    transform: translate(-50%, -50%);
    background: var(--primary-color);
    z-index: 1;
    min-width: 100%;
    object-fit: cover;
}

 .step-icon {
      font-size: 4rem;
    }
    
.headline-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /*min-height: clamp(36vh, 750px, 42vw);*/
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.headline-container .subtitle {
    color: #fff;
    font-size: 1.33em;
}

.headline-container.small {
    height: 170px;
}

.headline-container .text {
    z-index: 10;
}

.headline {
    text-align: center;
    width: 100%;
    color: #fff;
}



.sticky {
    position: fixed;
    top: 55px;
    width: 100%
}




.form-checkbox-label {
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 0;
    margin-left: auto; 
    text-align: center; 
}

.btn-container-fixed {
    position: fixed;
    bottom: 20px;
    right: 20px; 
    z-index: 1000; 
}



.bgimage {
    width:100%;
    background: url('../img/index_hero.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    background-attachment: fixed;
  }
  .bgimage h5 {
    color:white;
    text-shadow:2px 2px #333;
  }

/* ---------------------BTN-START----------------------- */


.breadcrumb {
    font-size: 0.88rem;
}
.breadcrumb .breadcrumb-item.active a{
    font-weight: 500;
    color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important;
}
  



/* –––––––––––––––––––––––––––– negativ Spacings –––––––––––––––––––––––––––– */

/* Margin-top negativ */
.mt-n0 {
    margin-top: 0 !important;
}
.mt-n1 {
    margin-top: -0.25rem !important;
}
.mt-n2 {
    margin-top: -0.5rem !important;
}
.mt-n3 {
    margin-top: -1rem !important;
}
.mt-n4 {
    margin-top: -1.5rem !important;
}
.mt-n5 {
    margin-top: -3rem !important;
}
.mt-n6 {
    margin-top: -4rem !important;
}
.mt-n7 {
    margin-top: -5rem !important;
}
.mt-n8 {
    margin-top: -6rem !important;
}
.mt-n9 {
    margin-top: -7rem !important;
}
.mt-n10 {
    margin-top: -10rem !important;
}
/* Margin-bottom negativ */
.mb-n0 {
    margin-bottom: 0 !important;
}
.mb-n1 {
    margin-bottom: -0.25rem !important;
}
.mb-n2 {
    margin-bottom: -0.5rem !important;
}
.mb-n3 {
    margin-bottom: -1rem !important;
}
.mb-n4 {
    margin-bottom: -1.5rem !important;
}
.mb-n5 {
    margin-bottom: -3rem !important;
}
.mb-n6 {
    margin-bottom: -4rem !important;
}
.mb-n7 {
    margin-bottom: -5rem !important;
}
.mb-n8 {
    margin-bottom: -6rem !important;
}
.mb-n9 {
    margin-bottom: -7rem !important;
}
.mb-n10 {
    margin-bottom: -10rem !important;
}

@media (min-width: 500px) {
    /* Margin-top */
    .mt-sm-n0 {
        margin-top: 0 !important;
    }
    .mt-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-sm-n3 {
        margin-top: -1rem !important;
    }
    .mt-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-sm-n5 {
        margin-top: -3rem !important;
    }
    .mt-sm-n6 {
        margin-top: -4rem !important;
    }
    .mt-sm-n7 {
        margin-top: -5rem !important;
    }
    .mt-sm-n8 {
        margin-top: -6rem !important;
    }
    .mt-sm-n9 {
        margin-top: -7rem !important;
    }
    .mt-sm-n10 {
        margin-top: -10rem !important;
    }
    /* Margin-bottom */
    .mb-sm-n0 {
        margin-bottom: 0 !important;
    }
    .mb-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .mb-sm-n6 {
        margin-bottom: -4rem !important;
    }
    .mb-sm-n7 {
        margin-bottom: -5rem !important;
    }
    .mb-sm-n8 {
        margin-bottom: -6rem !important;
    }
    .mb-sm-n9 {
        margin-bottom: -7rem !important;
    }
    .mb-sm-n10 {
        margin-bottom: -10rem !important;
    }
}

@media (min-width: 768px) {
    /* Margin-top */
    .mt-md-n0 {
        margin-top: 0 !important;
    }
    .mt-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-md-n3 {
        margin-top: -1rem !important;
    }
    .mt-md-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-md-n5 {
        margin-top: -3rem !important;
    }
    .mt-md-n6 {
        margin-top: -4rem !important;
    }
    .mt-md-n7 {
        margin-top: -5rem !important;
    }
    .mt-md-n8 {
        margin-top: -6rem !important;
    }
    .mt-md-n9 {
        margin-top: -7rem !important;
    }
    .mt-md-n10 {
        margin-top: -10rem !important;
    }
    /* Margin-bottom */
    .mb-md-n0 {
        margin-bottom: 0 !important;
    }
    .mb-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-md-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-md-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-md-n5 {
        margin-bottom: -3rem !important;
    }
    .mb-md-n6 {
        margin-bottom: -4rem !important;
    }
    .mb-md-n7 {
        margin-bottom: -5rem !important;
    }
    .mb-md-n8 {
        margin-bottom: -6rem !important;
    }
    .mb-md-n9 {
        margin-bottom: -7rem !important;
    }
    .mb-md-n10 {
        margin-bottom: -10rem !important;
    }
}

@media (min-width: 992px) {
    /* Margin-top */
    .mt-lg-n0 {
        margin-top: 0 !important;
    }
    .mt-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-lg-n3 {
        margin-top: -1rem !important;
    }
    .mt-lg-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-lg-n5 {
        margin-top: -3rem !important;
    }
    .mt-lg-n6 {
        margin-top: -4rem !important;
    }
    .mt-lg-n7 {
        margin-top: -5rem !important;
    }
    .mt-lg-n8 {
        margin-top: -6rem !important;
    }
    .mt-lg-n9 {
        margin-top: -7rem !important;
    }
    .mt-lg-n10 {
        margin-top: -10rem !important;
    }
    /* Margin-bottom */
    .mb-lg-n0 {
        margin-bottom: 0 !important;
    }
    .mb-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-lg-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-lg-n5 {
        margin-bottom: -3rem !important;
    }
    .mb-lg-n6 {
        margin-bottom: -4rem !important;
    }
    .mb-lg-n7 {
        margin-bottom: -5rem !important;
    }
    .mb-lg-n8 {
        margin-bottom: -6rem !important;
    }
    .mb-lg-n9 {
        margin-bottom: -7rem !important;
    }
    .mb-lg-n10 {
        margin-bottom: -10rem !important;
    }
}

/* –––––––––––––––––––––––––––– END negativ Spacings –––––––––––––––––––––––––––– */