:root {
    --bs-app-bg-color: #eaeaea;
    --primary: #fa3c4b;
    --bs-primary-text: #fa3c4b;
    --bs-primary: #203CA9;
    --bs-primary-active: #fa3c4b;
    --pvs-them-color-primary: #fa3c4b;
    --danger: #dc3545;
    --bs-danger-text: #dc3545;
    --bs-text-danger: #dc3545;
    --bs-danger: #dc3545;
    --bs-primary-light: #fddcde;
    --bs-dark-active: #fa3c4b;
    --theme-orange: #fa3c4b;
    --bg-primary: #fa3c4b;
    --theme-dark-1: #272821;
    --bs-text-primary:#230050;
    --bs-text-secondary:#1e2dbe;
    --bs-dark:#230050;
    --bg-pink: #ffe7f0;
    --bg-login: #ebf5fd;
    --theme-light-yellow: #fdf3cb;
    --theme-light-green:#E7E5DA;
    --theme-gray: #e7e5da;
    --theme-dark-gray: #24262b;
    --bs-text-white: #fff;
    --bs-primary-rgb: 255, 72, 21;
    --bg-primary: #fa3c4b;
    --bg-primary-dark: #e74214;
    --primary: #fff;
    /* --primary: #ff4815; */
    --bg-blue: #203CA9;
    --bs-blue: #203CA9;
    --bg-dark-blue: #17329c;
    --bg-blue-header: #1e2dbe;
    --bg-green: #009D5E;
    --bg-dark-green: #008d55;
    --bg-grey: #868686;
    --bg-grey-hover: #7777779c;
    --bg-grey-dark: rgb(110, 109, 109);
    --theme-light: #ebf5fd;
    --bg-black: #27282abf;
    --bg-black-hover: #4f4f4f;
    --theme-dark-blue: #230050;
    --bg-light-blue: #ebf5fd;
  }
  @font-face {
    font-family: "SohneSchmal-Buch";
    src: url(../fonts/SohneSchmal-Buch.otf);
}

@font-face {
    font-family: "Sohne-Buch";
    src: url(../fonts/Sohne-Buch.woff2);
}

@font-face {
    font-family: "SohneSchmal-Dreiviertelfett";
    src: url(../fonts/SohneSchmal-Dreiviertelfett.otf);
}

@font-face {
    font-family: "SohneSchmal-Halbfett";
    src: url(../fonts/SohneSchmal-Halbfett.otf);
}
@font-face {
    font-family: "Sohne-web";
    src: url(../fonts/soehne-web-buch.woff2);
}

code {
    color: var(--bs-primary) !important;
}
.card-title1 {
    font-family: "SohneSchmal-Dreiviertelfett";
    font-size: 40px;
    color: var(--bs-text-primary);
  }
  .card-title-1 {
    font-family: "SohneSchmal-Dreiviertelfett";
    font-size: 40px;
    color: var(--bs-text-primary);
  }
  .card-title-comparison {
    font-family: "SohneSchmal-Dreiviertelfett";
    font-size: 30px;
    color: var(--bs-text-primary);
  }
  .card-title2 {
    font-family: "SohneSchmal-Dreiviertelfett";
    font-size: 30px;
    color: black;
  }
  .card-title3 {
    font-family: "SohneSchmal-Dreiviertelfett";
    font-size: 30px;
    color: var(--bs-text-primary);
    display: flex;
    justify-content: center;
  }
  .card-title4 {
    font-size: 15px;
    color: black;
  }
  .font-custom {
    font-family: "Sohne-Buch";
  }
  
  .font-custom-2 {
    font-family: "SohneSchmal-Halbfett";
    color: white ;
  }
  .font-custom-2:hover {
    font-family: "SohneSchmal-Halbfett";
    color: var(--bs-primary-text);
  }
  
  .font-custom-1 {
    font-family: "Sohne-web";
  }

  .nav-link:hover{
    color: var(--primary);
  }
  
.p1 {
    font-size: 18px;
    font-family: "SohneSchmal-Dreiviertelfett";
    text-align: left;
    vertical-align: top;
    width: 80%;
    margin: 0 0 0 20px;
  }
  
  .p2 {
    font-size: 12px;
    font-family: "Sohne-Buch";
    vertical-align: top;
    margin: 0 0 0 20px;
    text-align: left;
    width: 80%;
  }
  
  .p3 {
    font-size: 12px;
    font-family: "Sohne-Buch";
    vertical-align: top;
    color: var(--theme-orange);
    width: 80%;
    margin: 0 0 0 20px;
    text-align: left;
  }
  .menu-title {
    font-family: "Sohne-Buch";
    font-size: 16px;
  }
  .corner-rounded{
    border-radius: 20px 0px !important;
  }
.btn-menu-blue-left{
  background-color: var(--bg-blue);
  background-image: url('../icons/Pattern.png');
  background-repeat: no-repeat;
  background-position: 6% 0%;
}
.btn-menu-blue-left:hover, .btn-menu-blue-left:focus, .btn-menu-blue-left:active{
  background-color: var(--bg-dark-blue);
}
.btn-menu-green-left{
  background-color: var(--bg-green);
  background-image: url('../icons/Pattern.png');
  background-repeat: no-repeat;
  background-position: 6% 0%;
}
.btn-menu-green-left:hover, .btn-menu-green-left:focus, .btn-menu-green-left:active{
  background-color: var(--bg-dark-green);
}
.btn-menu-orange-left{
  background-color: var(--bg-primary);
  background-image: url('../icons/Pattern.png');
  background-repeat: no-repeat;
  background-position: 6% 0%;
}
.btn-menu-orange-left:hover, .btn-menu-orange-left:focus, .btn-menu-orange-left:active{
  background-color:  var(--bg-primary-dark);
}
.btn-menu-orange-light-left{
  background-color: var(--bg-orange-light);
  background-image: url('../icons/Pattern.png');
  background-repeat: no-repeat;
  background-position: 6% 0%;
}
.btn-menu-orange-light-left:hover, .btn-menu-orange-light-left:focus, .btn-menu-orange-light-left:active{
  background-color: #e742149c;
}
.btn-menu-grey-left{
  background-color: var(--bg-grey);
  background-image: url('../icons/Pattern.png');
  background-repeat: no-repeat;
  background-position: 6% 0%;
}
.btn-menu-grey-left:hover, .btn-menu-grey-left:focus, .btn-menu-grey-left:active{
  background-color:  var(--bg-grey-dark);
}
.btn-menu-black-left{
  background-color: var(--bg-black);
  background-image: url('../icons/Pattern.png');
  background-repeat: no-repeat;
  background-position: 6% 0%;
}
.btn-menu-black-left:hover, .btn-menu-black-left:focus, .btn-menu-black-left:active{
  background-color: #008d55;
}
.btn-menu-blue-right{
  background-color: var(--bg-blue);
  background-image: url('../icons/Pattern.png');
  background-repeat: no-repeat;
  background-position: 94% 0%;
}
.btn-menu-blue-right:hover, .btn-menu-blue-right:focus, .btn-menu-blue-right:active{
  background-color: #203ba96c;
}

.btn-menu-green-right{
  background-color: var(--bg-green);
  background-image: url('../icons/Pattern.png');
  background-repeat: no-repeat;
  background-position: 94% 0%;
}
.btn-menu-green-right:hover, .btn-menu-green-right:focus, .btn-menu-green-right:active{
  background-color: var(--bg-dark-green);
}
.btn-menu-orange-right{
  background-color: var(--bg-primary);
  background-image: url('../icons/Pattern.png');
  background-repeat: no-repeat;
  background-position: 94% 0%;
}
.btn-menu-orange-right:hover, .btn-menu-orange-right:focus, .btn-menu-orange-right:active{
  background-color: #17329c;
}
.btn-menu-orange-light-right{
  background-color: var(--bg-orange-light);
  background-image: url('../icons/Pattern.png');
  background-repeat: no-repeat;
  background-position: 94% 0%;
}
.btn-menu-orange-light-right:hover, .btn-menu-orange-light-right:focus, .btn-menu-orange-light-right:active{
  background-color:  var(--bg-orange-light-hover);
}
.btn-menu-grey-right{
  background-color: var(--bg-grey);
  background-image: url('../icons/Pattern.png');
  background-repeat: no-repeat;
  background-position: 94% 0%;
}
.btn-menu-grey-right:hover, .btn-menu-grey-right:focus, .btn-menu-grey-right:active{
  background-color: var(--bg-grey-hover);
}
.btn-menu-black-right{
  background-color: var(--bg-black);
  background-image: url('../icons/Pattern.png');
  background-repeat: no-repeat;
  background-position: 94% 0%;
}
.btn-menu-black-right:hover, .btn-menu-black-right:focus, .btn-menu-black-right:active{
  background-color: #4f4f4f;
}

.bg-blue-header {
  background-color: var(--bg-blue-header);
}

.side-bar-theme {
  background-color: var(--theme-dark-blue);
}

.border-blue{
  border:1px solid #203CA9 !important;
}

.list-group-item{
  color: white;
}

.list-group-item:hover {
  color: #fa3c4b;
}

/* Define custom styles for the link */
.active-custom-link {
  text-decoration: none; /* Remove default underline */
  color: #000; /* Default text color */

}
.active-custom-link:hover {
  text-decoration: none; 
  color: #fff;
  background-color: #230050;

}
.active-custom-link:active {
  text-decoration: none; 
  color: #fff;
  background-color: #230050;

}

.nav-tabs .nav-link {
  color: var(--bs-text-primary);
}

.nav-tabs .nav-link.active {
  color: var(--bs-text-secondary) !important;
}

.nav-tabs .nav-link:hover {
  color: var(--bs-text-primary) !important;
}

.highlighted {
  background-color: #f00 !important;
}