.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1080px;
}

.logo {
width: 165px;
}

header {
  background-color: var(--bs-dark);
}

#content {
  margin: 40px auto;
}

.navbar a {
font-size: 14px;
}

.navbar-dark .navbar-toggler {
color: rgba(255,255,255,.55);
border-color: transparent;
}

.navbar-dark .navbar-toggler:focus  {
box-shadow: 0 0 0 0rem;
}

.navbar-dark .navbar-nav .nav-link {
color: #fff;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active {
color: var(--bs-primary);
}

.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (min-width: 300px) and (max-width: 991px){
.dropdown-toggle::after {
display: none !important;
}

a.dropdown-toggle.nav-link {
margin: 15px 0px 10px 0px;
}

.dropdown-toggle, .dropdown-menu {
text-align: center;
}
}

.card-text {
min-height: 125px;
}

.card-img {
width: 120px;
float: right;
}

.card-border {
border-right: 1px solid var(--bs-gray-400);
}

.card-buttons div {
margin-bottom: 8px;
}

.expand {
  width: 100%;
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
}

.deactivated {
background-color: #ffffff;
opacity: 0.8;
background: repeating-linear-gradient( -45deg, #ededed, #ededed 2px, #ffffff 2px, #ffffff 10px );
}

.btn {
text-transform: uppercase;
font-weight: 600;
}

.border {
border: 2px solid !important;
}

.btn-primary {
background-color: var(--bs-primary);
}


a:hover.btn-primary {
background-color: #fff;
color:  var(--bs-primary);
}

.border-primary {
border-color: var(--bs-primary);
}

.btn-outline-primary {
color:  var(--bs-primary);
background-color: #fff;
}

a:hover.btn-outline-primary {
color:  #fff;
background-color: var(--bs-primary);
}

.btn-secondary {
background-color: var(--bs-secondary);
}

.border-secondary {
border-color: var(--bs-secondary);
}

a:hover.btn-secondary {
background-color: #fff;
border-color: var(--bs-secondary);
color: var(--bs-secondary);
}

.btn-outline-secondary {
color:  var(--bs-secondary);
background-color: #fff;
}

a:hover.btn-outline-secondary {
color:  #fff;
background-color: var(--bs-secondary);
}

.border-grey {
border-color: var(--bs-gray-200) !important;
}

.btn-outline-grey {
color:  var(--bs-gray-600);
background-color: #fff;
}

a:hover.btn-outline-grey {
color:  var(--bs-gray-600);
background-color: var(--bs-gray-200);
}

.deactivated .btn-outline-grey {
color:  var(--bs-gray-600);
background-color: var(--bs-gray-100);
}

.deactivated a:hover.btn-outline-grey {
color:  var(--bs-gray-600);
background-color: var(--bs-gray-200);
}

.border-danger {
border-color: var(--bs-danger) !important;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: var(--bs-gray-400);
}

footer {
  font-size: 15px;
}

footer a {
  color: var(--bs-secondary);
  text-decoration: none;
}

footer a:hover {
color: var(--bs-dark);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--bs-dark);
}

.h2, h2 {
font-size: 1.6rem;
}

h6 {
margin-bottom: 8px;
}

.dropdown-toggle::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  margin-left: 8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.destination {
border: 2px solid var(--bs-gray);
}

.destination h2 {
color: var(--bs-gray);
margin-bottom: 1.0rem;
}

.form-control-plaintext {
color: var(--bs-body-color);
border-color: var(--bs-gray-200) !important;
}

.form-select {
color: var(--bs-gray-200);
}

.form-select option {
color: var(--bs-gray-600);
}

.form-select:focus, .form-control:focus, .form-control-plaintext:focus {
  border-color: var(--bs-gray-200) !important;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(141,208,180,.25);
}

.form-check-input:checked {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover.active, .nav-tabs .nav-link:focus {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
color: #fff;
}

.nav-tabs {
border-bottom: 0px;
}

.nav-tabs .nav-link {
color: var(--bs-gray-600);
border: 0px solid transparent;
border-top-left-radius: 0rem;
border-top-right-radius: 0rem;
border-radius: 1.2rem;
}

.nav-tabs .nav-link:hover {
background-color: var(--bs-white);
border-color: var(--bs-white);
border-radius: 1.2rem;
color: var(--bs-dark);
}

.accordion-button:not(.collapsed) {
color: var(--bs-white);
background-color: var(--bs-primary);
}

.accordion-button:focus {
  border-color: var(--bs-gray-200) !important;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(141,208,180,.25);
}

.accordion-button.activated {
background-color: #fff;
}

.accordion-button.deactivated.collapsed {
background-color: #ffffff;
opacity: 0.8;
background: repeating-linear-gradient( -45deg, #ededed, #ededed 2px, #ffffff 2px, #ffffff 10px );
}

.accordion-button.deactivated {
color: var(--bs-dark);
}

.accordion-button {
border-top: 1px solid var(--bs-gray-300);
}

.accordion-item:first-of-type, .accordion-item:last-of-type {
border-radius: 0px;
}

.accordion-item {
border-color: var(--bs-gray-300);
border-style: solid;
border-width: 0px 1px 1px 1px;
margin-bottom: 10px;
}

.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.accordion-button.deactivated:not(.collapsed)::after {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.fa-plus, .fa-envelope, .fa-phone-alt {
margin-right: 10px;
}

.form-check-input:focus {
border-color: var(--bs-gray-400);
}

.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='teal'/%3e%3c/svg%3e");
}

.show-tag {
width: 120px;
float: right;
}

/* 2022-03-09 */

/* Änderung Zeile 230: .form-control-plaintext 
   Änderung Zeile 157: a:hover.btn-outline-grey    */

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus, .btn-outline-primary:active:focus {
box-shadow: 0 0 0 .25rem rgba(141, 208, 180,.5);
}

.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus, .btn-outline-secondary:active:focus {
box-shadow: 0 0 0 .25rem rgba(183, 154, 200,.5);
}

.btn-check:focus + .btn-outline-grey, .btn-outline-grey:focus {
box-shadow: 0 0 0 .25rem rgba(233, 236, 239,.5);
}  

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active, .btn-outline-primary:hover {
border-color: var(--bs-primary) !important;
background-color: var(--bs-primary);
box-shadow: 0 0 0 .25rem rgba(141, 208, 180,.5);
}

.btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active, .btn-outline-secondary:hover {
border-color: var(--bs-secondary) !important;
background-color: var(--bs-secondary);
}

button:focus-visible {
border: 0;
outline: 0;
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus {
background-color: var(--bs-secondary);
box-shadow: 0 0 0 .25rem rgba(183, 154, 200,.5);
}


/* Button Klick-Effekt

.btn:hover {
transition-duration: 0.1s;
}

.btn:after {
content: "";
display: block;
position: absolute;
border-radius: 0em;
left: 0;
top:0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.5s;
} 
 
.btn-outline-primary:after {
box-shadow: 0 0 10px 10px var(--bs-teal);
}

.btn-outline-secondary:after {
box-shadow: 0 0 10px 10px var(--bs-purple);
}

.btn-outline-grey:after {
box-shadow: 0 0 4px 4px var(--bs-gray-300);
}

.btn:active:after {
position: absolute;
border-radius: 0em;
left: 0;
top:0;
opacity: 1;
transition: 0s;
}

.btn-outline-primary:active:after {
box-shadow: 0 0 0 0 var(--bs-teal);
}

.btn-outline-secondary:active:after {
box-shadow: 0 0 0 0 var(--bs-purple);
}

.btn:active {
  top: 1px;
}                 */

.mandatory {
color: #c62150;
}

.mandatory-error {
color: #c62150;
margin: -15px 0 10px 0;
font-size: .875em;
}

.trash {
color: var(--bs-gray-600);
background-color: var(--bs-gray-200);
min-width: 40px;
position: relative;
right: 3px;
}

a:hover.trash {
color: var(--bs-white);
background-color: var(--bs-gray-600);
}

.trash::after { 
content:"\f2ed"; 
} 



@media (max-width: 575px) {

.expand.trash {
width: 18%;
min-width: 40px;
float: right;
position: relative;
bottom: 48px;
margin-bottom: -60px;
}   

.expand.deactivate {
width: 80%;
float: left;
}         
}

@media (max-width: 1199px)  {

.expand.trash {
right: 0;
}
}