html, body {
margin: 0;
padding: 0;
/*height: 100%;  WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
 font-family: "open_sansregular", Verdana, Geneva, sans-serif;
}
html {
/*	 position: relative;
  min-height: 100%;*/
	}
body {
	/* margin-bottom: 60px;*/}
	 

/*

    FARBEN:    
    rot: #DD2920
    helles rot:  #FF2424 nicht meh nutze?
    dunkles rot: #6C0000

*/




/*#wrapper-responsive { margin-bottom: 60px;
}*/
a {/*:link*/
	color: #990000;
	text-decoration: none;
}
/*a:visited {
	color: #990000;
	text-decoration: none;
}*/
a:hover {
	color: #DD2920;
	text-decoration: underline;
}
a:active {
	color: #990000;
	text-decoration: none;
}
body,td,th {
	font-family: 'open_sansregular', Verdana, Geneva, sans-serif;
	/*font-size: 12px;
	color: #000;*/
}
	
h1,.h1 {
font-family: 'Poppins', sans-serif;
font-size: 1.6rem;
/*font-family: 'open_sansbold';*/
	}			
			h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6  {
                font-family: 'Poppins', sans-serif;
			}

p.font-pop {
    font-family: 'Poppins', sans-serif;      
                }

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

.text-red-1 {
    color: #DD2920;
}.text-red-2 {
    color: rgba(221,41,32,1);
}

			/* ++++++++++  LAYOUT allgemein ++++++++++++++++++++++
			++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
			
.header-titel {
font-size: 1.28rem;
display: inline-block;
line-height: 1;
font-weight: 500;
font-family: 'Poppins', sans-serif;     
text-transform: uppercase;
}
.header-subtitel {
font-size: 0.5rem;
display: inline-block;
line-height: 1.5;
text-transform: uppercase;
font-weight: 300;
font-family: 'Poppins', sans-serif; 
}

.header-titel, .header-subtitel {
    color: #DD2920;
}

        /*  #wrapper {
              background-image: url(../images/bg_container.png);
              background-repeat: repeat-y;
              min-height: 100%;
              width: 1000px;
              margin-top: 0px;
              margin-right: auto;
              margin-bottom: 0px;
              margin-left: auto;
              position: relative;
              padding-top: 20px;
              padding-bottom: 60px;
              }
			#wrapper-width {		/*für Seiten mit breiten Tabellen-center aufheben-ohne bg-image/
				/*background-image: url(../images/bg_container.png);
				background-repeat: repeat-y;/
				
				min-height: 100%;

				margin-top: 0px;
				margin-right: auto;
				margin-bottom: 0px;
				margin-left: auto;
				position: relative;
				padding-top: 20px;
				padding-bottom: 60px;
				}*/
			/*#header {
				
				margin-bottom: 50px;
				
				background-size:cover;
			}*/
			#printheader {
				display:none;
				}
			/*#header_IT {
				background-image: url(../images/header_IT.jpg);
				background-repeat: no-repeat;
				height: 172px;
				width: 900px;
				margin-top: 0px;
				margin-right: 45px;
				margin-bottom: 0px;
				margin-left: 45px;
			}
			#header_EN {
				background-image: url(../images/header_EN.jpg);
				background-repeat: no-repeat;
				height: 172px;
				width: 900px;
				margin-top: 0px;
				margin-right: 45px;
				margin-bottom: 0px;
				margin-left: 45px;
			}*/
				
			
			/*.lageltag {
				display: block;
				float: left;
				width: 120px;
			}
			*/
			/*.footer {
				  position: absolute;
				  bottom: 0;
				  width: 100%;
				
				  height: 80px;
				  line-height: 1.5rem; 
				  background-color: #f5f5f5;
				
				  font-size:0.8rem;
				  padding:15px 0px;
				} */
			@media (max-width: 61.9em) { 
			.footer {
				text-align:center;
				height:100px;
			} 
			}
			@media (max-width: 47.9em) { 
			
			.footer {
				text-align:center;
				
			}
			 }
			@media (max-width: 33.9em) { 
			
			.footer {
				text-align:center;
				
				height:120px;
			}
			}
			
			#footer a:link, #footer a:hover, #footer a:visited, #footer a:hover, #footer a:active{
				color: #999;
			}
			a img { 
				border: none;
			}
			
			/* ++++++++++++++++++++++++++++++++++++++++*/
			
			/*+++++++++++++ ALLE INPUT FELDER +++++++++++++*/

		
			select {
				border:1px solid #d9d9d9;
				-webkit-border-radius:2px;
                border-radius:2px;
				padding:2px 3px;
			}
			/*++++++++++++++++++++++++++++++++++++++++++++*/
			
			/* ++++++++++++ LEFTBAR +++++++++++++++
			   +++  div um das menu    ++++++++++++*/
			
/*
 * Off Canvas 
 * --------------------------------------------------
 */
/*@media screen and (max-width: 767px) {
*/	@media screen and (max-width: 47.9em) {
  #wrapper-responsive, .footer {
    
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
	#wrapper-responsive{
	position: relative;
		}
  /*.row-offcanvas-right {
   / right: 0;/
  }*/

  #wrapper-responsive {
    left: 0;
  }

/*  .row-offcanvas-right
  .sidebar-offcanvas {
   / 6 right: -50%;  columns /
  }*/

  #wrapper-responsive
  #sidebar {
    left: -50%; /* 6 columns */
  }
/*
  .row-offcanvas-right.active {
    /right: 50%;  6 columns /
  }*/

  #wrapper-responsive.active, .footer.active {
    left: 50%; /* 6 columns */
  }

  #sidebar {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
    background-color: rgb(220,220,220);
  }
}

#content {
    margin-bottom: 3rem;
}

@media screen and (min-width: 48em) {
    #sidebar {
       background-color: rgb(220,220,220);
        min-height: calc(100vh - 142px);
    }
}

#sidebar .nav-item { margin-left:-15px; margin-right: -15px; background-color: rgb(194,194,194); position: relative;}

/*#sidebar .nav-link { padding-left:30px; }*/


.btn-menu {
	
	color: #fff;
	background-color: #990000;
	border-color: #990000;
	}
.btn-menu span {
	 -webkit-transition: all 0.25s ease-out;
         -o-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;}

#menu .aktiveUserMenu {position: relative;} /*klasse wird per javascript hinzugefügt im footer für den aktiven menüpunkt*/
#menu .aktiveUserMenu:before { 
 content: "";
position: absolute;
left: -15px;
width: 10px;
height: 46px;
background-color: #DD2920;
top: 0px;
}
#menu .e1.aktiveUserMenu:before { /*erste ordnung (ohne collapse)*/
left: 0px !important;
}

					/*#leftbar {
						
						background-color: rgb(240,240,240);
						border-radius: 5px;
						padding:8px;
						margin-bottom:15px;
					}*/

			#menu ul {
				/*color: #FFF;*/
				/*display: block;*/
				list-style-type: none;
				padding: 0px;
                font-family: 'Poppins', sans-serif;
                font-weight: 300;
			}
			#menu ul li {
				/*background-color:#d81e18;*/ /*#900;*/
				}
			#menu ul li a {
				/*font-size: 12px;*/
				line-height: 30px;
				/*padding-left: 10px;
				display: block;
				margin-top: 5px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				color: #FFF;*/
			}
			#menu ul li a {
				
             border-left: 10px solid transparent;
    }
    
                        /*    COLLAPSE MENU     */
                        #menu ul ul li {
                            /*background-color: #FF9C9C;#FF5E5E;*/
                        }
                        #menu ul ul li a {
                            /*font-size: 12px;*/
                            /*line-height: 25px;*/
                           /* margin-top: 5px;
                            margin-right: 0px;
                            margin-bottom: 0px;
                            margin-left: 0px;
                            padding-left: 20px;
                            color: #FFF;*/
                        }

			.meinedaten {
				text-align: right;
				font-style: italic;
			}
			
			
			#datenREG {
				width: 600px;
			}
			#status {
				width: 600px;
			}
			/**/
			#menu ul li a:hover {
				background-color:  #DD2920;
               /* ODER: border-left: 10px solid #DD2920;*/
			}
			#menu ul li a {
				
				color: rgba(18,18,18,1.00);
				text-decoration:none;
			}
				#menu ul ul li a:hover {
                    border-left: 10px solid #DD2920;
				/*background-color: #DD2920;*/
				}
    
			#menu ul ul li a:hover { /* speziell nur für das untermenu collapse*/
				color: #FFF;
				text-decoration:none;
                margin-left: -15px;
                padding-left: 30px;
               
			}
            #menu ul li a:hover {
				color: #FFF;
				text-decoration:none;
			}
			
    
			#menu ul ul li a:active {
				background-color: #FF2424;
			}
			#menu ul ul li a:active {
				/*color: #FFF;*/
			}
			#menu li.logout a {
				background-color: #DCBA7D;
                line-height: 10px; /* macht den abmelden button kleiner*/
				/*margin-top: 15px;*/ 
			}
			#menu .logout a:hover   {
				background-color: #CD9E47;
				color: #333;
				/*margin-top: 15px;*/
			}
			
        /*    Design der einzelnen Menüpunkte (=nav-link)    */
			#menu ul li a:link, #menu li a:hover, #menu li a:visited, #menu li a:hover, #menu li a:active{
				text-decoration: none;
				/*color: #FFF;*/
				font-size:0.9rem;
			}
#menu ul li a[data-toggle=collapse]:after {
         position: absolute;
            right: 1rem;
    color: #999;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054";
}
#menu ul li a[data-toggle=collapse][aria-expanded=true]:after { -ms-transform: rotate(90deg); /* IE 9 */
  transform: rotate(90deg);}
			#menuservice {
				/*float: left;
				height: auto;
				width: 160px;
				padding: 5px;
				color: #333;*/
				margin-top:65px;
			}
			#menuservice ul li{
				list-style-type: none;
				
			}
			#menuservice ul li a{
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				display: block;
				margin-left: -35px;
				margin-top: 5px;
				color: #333;
				padding: 2px 0px 2px 2px;
			}
			#menuservice ul li a.hob { /*für das Menu der Seite "inhalte bearbeiten"*/
				font-weight:normal;
				background-color:#999;
				color:#FFF;
				margin-left: -35px;
				padding:3px;
				font-size:0.9rem;
}
			#menuservice ul li a:hover, #menuservice .activestatus {
			/*	background-color: #EFEFEF;
			*/	background-color:#343a40;
				color:#FFF;
					text-decoration:none;
			}
			 
			#menuservice h1 {
				background-color: #CFCFCF;
				display: block;
				height: 20px;
			}
			#menuservice ul ul {
				margin-left: -30px;
			}



/*
                MENU ADMINISTRATION

*/
			.h-menubereich { /*Überschrift der bereiche*/
				
				 font-family: 'Poppins', sans-serif;
                margin-bottom: 0px;
                margin-top: 1rem;
                font-weight: 300;
                color: #9897A6;
                font-size: 0.8rem;
				}

			.menuadmin {
				/*float: left;
				height: auto;
				width: 160px;
				padding: 5px;
				color: #333;*/
			}
			.menuadmin ul li {
				list-style-type: none;
				font-family: 'Poppins', sans-serif;
                font-weight: 300;
			}
            .menuadmin ul li i {    /*für das listenzeichen icon  > am ende für collaps*/
                position: absolute;
                right: 0px;
                top:10px;
                padding-right: 8px;
                 -webkit-transition: all 0.25s ease-out;
                 -o-transition: all 0.25s ease-out;
                transition: all 0.25s ease-out;
            }
                .rotate-chev { /*beim öffnen des collapse wird diese klasse getogglet, ähnlich wie fa-rotate-90, nur mit margin*/
                    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                margin-right: 5px; margin-top: 4px;
                }
             

			.menuadmin ul li a[data-toggle="collapse"] {
                color: #333;
                font-size: 0.8rem;
                font-weight: 600;
				}
            .menuadmin ul li a {
                color: #333;
                font-size: 0.8rem;
                font-weight: 400;
				}

                .menuadmin ul li a:hover {
                    background-color: #7f8c99;/*#343a40*/
                    color: #FFF;
                     
                }

                /*      FÜR DAS COLLAPSE MENU  */
                      .menuadmin ul ul {
                        margin-left: -15px;
                        margin-right: -15px;
                        padding-left: 15px;
                        padding-right: 15px;
                      }
                    .menuadmin ul ul li a {
                        color: #333;
                        font-size: 0.8rem;
                        font-weight: 300;
                        }
                    .menuadmin ul ul li a {
                      /* padding-left:25px;*/
                    }

                .menuadmin .aktiveUserMenu {position: relative;}  /*wird per javascript hinzugefügt im footer*/
                .menuadmin .aktiveUserMenu:before { 
                 content: "";
                position: absolute;
                left: 0px;
                width: 10px;
                height: 34px;
                background-color: #4D5B59;
                top: 0px;
                }





			.menuadmin ul li a:hover {
				
				/*background-color:#333;
				color:#FFF;
				text-decoration:none;*/
			}
			.menuadmin h2 {
				/*background-color: #CFCFCF;
				display: block;
				height: auto;*/
			}
			
			
			/* ELEMENTE DEAKTIVIEREN*/
			/*.menuadmin ul li .deactive {
				color:#C3C3C3;}*/
			.menuadmin ul li .deactive:hover {
				
			/*	background-color:#CCC;
				color:#666;
				text-decoration:none;*/
			}
			.menuadmin ul li hr {
				/*margin-left:-36px;*/}
			
			
			
				
			/*Bereichsüberschrift im grauen Menü links*/
	/*		.untermenu_titel {

				background-color:#999;
				color:#FFF;
				margin-left: -35px;
				padding:3px;
				font-size:0.9rem;
				}*/
			
			/*+++++++++++++++++++ENDE MENU und LEFTBAR +++++++++++++*/
			
/*            PRÜFUNGSERGEBNISE 2021            */


.form-control-note { max-width: 4rem;}


 .stammdaten-row {
        border-bottom: 1px solid #dee2e6 !important;
        margin-bottom:1rem;
    }    
    .stammdaten-firstrow {
        font-family: 'Poppins', sans-serif;
        color: #C2C2C2;font-weight: 400;
        font-size: 1.2rem;
    } 


/* Bootstrap buttons snowsport */
.btn-snowsport {
    color: #fff !important;
    background-color: #900;
    border-color: #900;
}    
    .btn-outline-snowsport {
        color: #6C0000;
        border-color: #6C0000;
    }.btn-outline-snowsport:hover {
        color: #fff !important;
    background-color: #900;
    border-color: #900;
    }
.btn-snowsport.hover, .btn-snowsport:hover {
	color: #fff;
	background-color: #6C0000;
	border-color: #6C0000;
	}
.btn-snowsport.focus, .btn-snowsport:focus {
	color: #fff;
	background-color: #6C0000;
	border-color: #6C0000;
	}	
	.btn-snowsport.active, .btn-snowsport:active {
	color: #fff;
	background-color: #6C0000;
	border-color: #6C0000;
	}	
/* Bootstrap buttons anmeldung */
.btn-anmeldung {
   
	font-size:0.8rem;
    background-color: #EEE;
    border-color: #D8DCDF;
}

			/*#menuservice ul li a:link, a:hover, a:visited, a:hover, a:active{
				text-decoration: none;
				color: #FFF;
			}*/
			
			
			.infotext {
				display: block;
				padding: 0px;
				margin-top: -5px;
				margin-bottom: 50px;
				font-size: 0.8rem;
			}
			
/*			.ausbildungskurse {
				width:100%;
				border-collapse:inherit;
				border-spacing:2px;
			}*/
			/*.ausbildungskurse_large {
				width: 850px;
			}*/
			/*.ausbildungskurse tr td, .ausbildungskurse_large tr td {
				padding: 0.4rem;
				border-bottom-width: 2px;
				border-bottom-color: #666;
				border-bottom-style: solid;
				margin-top: 10px;
				border-top-width: 5px;
				border-top-style: solid;
				border-top-color: #FFF;
			}
			.ausbildungskurse tr th, .ausbildungskurse_large tr th {
				height: 14px;
				padding: 7px;
				text-align: left;
				border-bottom-width: 2px;
				border-bottom-style: solid;
				border-bottom-color: #666;
				border-top-width: 2px;
				border-top-style: none;
				background-color: #E8E8E8;
				font-size:10px;
			}
			
			.ausbildungskurse .details, .ausbildungskurse_large details {
				border-left-width: 1px;
				border-left-style: solid;
				border-left-color: #CCC;
			}
			.ausbildungskurse .kursname, .ausbildungskurse_large .kursname {
				font-weight: bold;
				padding-left: 15px;
				margin-left: 5px;
			}*/
/*			#anmelden {
				background-image: url(../../images/okbutton.gif);
				background-position: 0px 0px;
				height: 30px;
				width: 104px;
				border-top-style: none;
				border-right-style: none;
				border-bottom-style: none;
				border-left-style: none;
				font-weight: bold;
				color: #FFF;
				text-align: left;
				font-size: 10px;
			}*/
			/*.nodecoretion {
				border-top-style: none;
				border-right-style: none;
				border-bottom-style: none;
				border-left-style: none;
				background-color: transparent;
				cursor: pointer;
			}*/
			
			/*#anmelden:hover {
				background-image: url(../../images/okbutton.gif);
				background-position: 0px 60px;
				cursor: pointer;
			}
			#anmelden:active {
				background-image: url(../../images/okbutton.gif);
				background-position: 0px 30px;
				cursor: pointer;
			}*/
			/*.tablezahlungen tr th {
				border-bottom-width: 2px;
				border-bottom-style: solid;
				border-bottom-color: #333;
				text-align: left;
				height: 20px;
			}
			.tablezahlungen tr td {
				background-color: #FF9;
				height: 20px;
				padding-left: 10px;
				padding-top: 10px;
			}
			.tablezahlungen tr .linie {
				text-decoration: none;
				border-top-width: 2px;
				border-top-style: solid;
				border-top-color: #FFF;
				border-bottom-color: #FFF;
				border-bottom-width: 2px;
				border-bottom-style: solid;
				background-color: #FFF;
				height: 1px;
			}
			.kursdetails {
				background-image: url(../images/bg_divcourse.png);
				background-repeat: repeat-x;
				background-position: top;
				-webkit-box-shadow: 3px 2px 5px #aaa;
				-moz-box-shadow: 3px 2px 5px #aaa;
				box-shadow: 3px 2px 5px #aaa;
				padding-top: 7px;
				padding-bottom:15px;
				padding-left: 15px;
				margin-bottom:55px;
			}
			.downloadtop td {
				border-top-width: 2px;
				border-top-style: dotted;
				border-top-color: #CCC;
				padding-top: 15px;
				border-bottom-width: 2px;
				border-bottom-style: dotted;
				border-bottom-color: #CCC;
				padding-bottom: 35px;
			}*/
			
			/* ###########  PAUSCHALTABELLE in editcourse #############*/
			.pauschaltabelle tr th {
				padding: 4px;
				text-align: left;
				border-bottom-width: 2px;
				border-bottom-style: solid;
				border-bottom-color: #E8E8E8 ;
				border-top-width: 2px;
				border-top-style: none;
				background-color: #666;
				color:#FFF;
			}
			.pauschaltabelle tr td{
				padding: 3px;
				/*height:20px;*/
				border-bottom-width: 1px;
				border-bottom-color: #E8E8E8;
				border-bottom-style: solid;
				text-align: left;
				border-top-width: 5px;
				border-top-style: solid;
				border-top-color: #FFF;
			}
			
			
			
				/*	Kursdetails */
/*   ----------------  Kurse und Fortbildungen  -----------------------  */
.row-coursedet {
	border-bottom:1px solid #E4E4E4;
	padding:9px 0px;
	font-size:0.8rem;}
.coursedetails {
	font-weight:bold;
	}
.logout-counter {
				font-family: 'Poppins', sans-serif;
                margin-bottom: 0px;
                margin-top: 1rem;
                font-weight: 200;
                color: #9897A6;
                font-size: 0.8rem;
	}





/*          FORTBILDUNGEN           */

.ss-card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(221,41,32,1);
	border-radius: .85rem;
    margin:12px 12px;
    
}
    .ofh {overflow: hidden;} 
    
    .ss-card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: .8rem;
   
}
    
    .ss-card-fort h5 {
        font-size: 1.2rem;
        font-family: "open_sansregular";
    }
    
    .ss-card-text-info {
        font-size: 0.8rem;
        text-align: center;
    }
   
    .ss-card-header {
        background-color: rgb(242,242,242);
        padding:.45rem;
        font-weight: 700;
        color: rgb(165,165,165);
    }   
    .ss-card-footer {
        background-color: rgb(242,242,242);
        padding:.45rem;
        font-weight: 700;
        color: rgb(165,165,165);
        display: flex;
    }
    .ss-card-title {
        
	font-weight: 600;
	color: rgb(165,165,165);
	font-family: open_sansbold;

    }
    
    .ss-card-fort {
        padding-top:40px;
    }
    
    .ms-auto {margin-left: auto;}
    
	 .badge-bereich-bl {
        position: absolute;
        bottom:-23px;
        left:-26px;
        width: 45px;
		padding: 2px 5px 3px 5px;
		border: 0px;
		background-color: #F0F0F0;
		/*border-radius: .45rem;*/
		font-size: 1.2rem;
		font-weight: bold;
		color: #646464;
    } 
	
	
    .badge-bereich-tl {
        position: absolute;
        top:-23px;
        left:-26px;
        width: 50px;
        border: 1px solid rgba(221,41,32,1);
        border-radius: .85rem;
        overflow: hidden;
       /* padding: 0.25rem;*/
    }   
    .badge-bereich-tr {
       
	position: absolute;
	top: 3px;
	right: 9px;
	padding: 2px 5px 3px 5px;
	background-color: #F0F0F0;
	border-radius: .45rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: #646464;

    }
    .ff-2 {
        font-family: "Poppins";
    }
    
    
    .ss-card-btn {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  margin: 0.8rem 0rem;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1.5;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 50rem!important;
  background-color:  rgba(221,41,32,1);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        width: 100%;
        
    }
    .ss-card-btn:hover {
        background-color:  #990000;
        color: #FFF;
        text-decoration: none;
    }
    .ss-card-btn-appl {
        background-color:  #95bb20;
        color: #FFF;
        text-decoration: none;
        margin-top:0px;
    }
    .ss-card-btn-appl:hover {
        background-color:  #84a61c;
        color: #FFF;
        text-decoration: none;
    }

.ext-wrap {
        position: absolute;
right: 0;
top: 0px;
        opacity: 0.5;
    }    
    .ext-wrap:hover {     opacity: 1; }


/*    ***    */


.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}
    .mb-0 {margin-bottom: 0px !important;}
    .mt-0 {margin-top: 0px !important;}