.text-left{text-align:left !important; justify-content: flex-start;}
.text-right{text-align:right !important; justify-content: flex-end;}
.text-center{text-align:center !important; justify-content: center !important;}
.text-underline{text-decoration: underline !important;}
.textdecoration-none{text-decoration: none !important;}
.text-upper{text-transform: uppercase !important;}

.font-bold{font-weight:bold !important;}
.font-semibold{font-weight:500 !important;}
.font-normal{font-weight:normal !important;}
.font-extrabold{font-weight:900 !important;}

.font-klein{font-size: 11px; opacity: 0.8;}

.font-12{font-size: 12px !important;}
.font-14{font-size: 14px !important;}
.font-16{font-size: 16px !important;}
.font-18{font-size: 18px !important;}
.font-20{font-size: 20px !important;}
.font-22{font-size: 22px !important;}
.font-24{font-size: 24px !important;}
.font-26{font-size: 26px !important;}
.font-28{font-size: 28px !important;}
.font-30{font-size: 30px !important;}
.font-35{font-size: 35px !important;}
.font-40{font-size: 40px !important;}
.font-45{font-size: 45px !important;}

.red{color:#e00000 !important;}
.green{color:#97BF0D !important;}
.blue{color:#428bca !important;}
.white{color:#fff !important;}
.black{color:#000 !important;}

.float-left{float:left !important;}
.float-right{float:right !important;}
.float-none{float:none !important;}

@media(min-width:768px){/*sm-xs*/
  .float-left-gross{float:left !important;}
  .float-right-gross{float:right !important;}
  .hr-gross{width: 100%; border-bottom: 1px solid #ccc; margin-top: 10px; margin-bottom: 10px;}
}

.m-0{margin:0px !important;}
.m-5{margin:5px !important;}
.m-10{margin:10px !important;}
.m-15{margin:15px !important;}
.m-20{margin:20px !important;}
.m-50{margin:50px !important;}
.m-bottom-0{margin-bottom:0px !important;}
.m-bottom-5{margin-bottom:5px !important;}
.m-bottom-10{margin-bottom:10px !important;}
.m-bottom-15{margin-bottom:15px !important;}
.m-bottom-20{margin-bottom:20px !important;}
.m-bottom-30{margin-bottom:30px !important;}
.m-bottom-50{margin-bottom:50px !important;}
.m-top-0{margin-top:0px !important;}
.m-top-5{margin-top:5px !important;}
.m-top-7{margin-top:7px !important;}
.m-top-10{margin-top:10px !important;}
.m-top-15{margin-top:15px !important;}
.m-top-20{margin-top:20px !important;}
.m-top-30{margin-top:30px !important;}
.m-top-50{margin-top:50px !important;}
.m-left-0{margin-left:0px !important;}
.m-left-5{margin-left:5px !important;}
.m-left-10{margin-left:10px !important;}
.m-left-15{margin-left:15px !important;}
.m-left-20{margin-left:20px !important;}
.m-left-50{margin-left:50px !important;}
.m-right-0{margin-right:0px !important;}
.m-right-5{margin-right:5px !important;}
.m-right-10{margin-right:10px !important;}
.m-right-15{margin-right:15px !important;}
.m-right-20{margin-right:20px !important;}
.m-right-50{margin-right:50px !important;}

.p-0{padding:0px !important;}
.p-5{padding:5px !important;}
.p-10{padding:10px !important;}
.p-15{padding:15px !important;}
.p-20{padding:20px !important;}
.p-50{padding:50px !important;}
.p-bottom-0{padding-bottom:0px !important;}
.p-bottom-5{padding-bottom:5px !important;}
.p-bottom-10{padding-bottom:10px !important;}
.p-bottom-15{padding-bottom:15px !important;}
.p-bottom-20{padding-bottom:20px !important;}
.p-bottom-50{padding-bottom:50px !important;}
.p-top-0{padding-top:0px !important;}
.p-top-5{padding-top:5px !important;}
.p-top-10{padding-top:10px !important;}
.p-top-15{padding-top:15px !important;}
.p-top-20{padding-top:20px !important;}
.p-top-50{padding-top:50px !important;}
.p-left-0{padding-left:0px !important;}
.p-left-5{padding-left:5px !important;}
.p-left-10{padding-left:10px !important;}
.p-left-15{padding-left:15px !important;}
.p-left-20{padding-left:20px !important;}
.p-left-50{padding-left:50px !important;}
.p-right-0{padding-right:0px !important;}
.p-right-5{padding-right:5px !important;}
.p-right-10{padding-right:10px !important;}
.p-right-15{padding-right:15px !important;}
.p-right-20{padding-right:20px !important;}
.p-right-50{padding-right:50px !important;}


.w-10{width:10%;}
.w-15{width:15%;}
.w-20{width:20%;}
.w-25{width:25%;}
.w-30{width:30%;}
.w-30{width:30%;}
.w-33{width:33.33333333333%;}
.w-40{width:40%;}
.w-45{width:45%;}
.w-50{width:50%;}
.w-60{width:60%;}
.w-66{width:66.6666666666666%;}
.w-70{width:70%;}
.w-80{width:80%;}
.w-90{width:90%;}
.w-100{width:100%;}
.w-50-p{width: 50px;}
.w-75-p{width: 75px;}
.w-100-p{width: 100px;}
.w-200-p{width: 200px;}
.w-300-p{width: 300px;}
.w-400-p{width: 400px;}
.w-500-p{width: 500px;}
.w-600-p{width: 600px;}
.w-700-p{width: 700px;}
.w-800-p{width: 800px;}
.w-900-p{width: 900px;}
.w-1000-p{width: 1000px;}

.w-auto{width: auto;}

.mw-100{max-width: 100%;}
.mw-50-p{max-width: 50px;}
.mw-75-p{max-width: 75px;}
.mw-100-p{max-width: 100px;}
.mw-150-p{max-width: 150px;}
.mw-200-p{max-width: 200px;}
.mw-250-p{max-width: 250px;}
.mw-280-p{max-width: 280px;}
.mw-300-p{max-width: 300px;}
.mw-400-p{max-width: 400px;}
.mw-500-p{max-width: 500px;}
.mw-600-p{max-width: 600px;}
.mw-700-p{max-width: 700px;}
.mw-800-p{max-width: 800px;}
.mw-900-p{max-width: 900px;}
.mw-1000-p{max-width: 1000px;}




@media(max-width:991px){/*sm-md*/


  .sm-float-left{float: left !important;}
  .sm-float-right{float: right !important;}
  .sm-float-none{float: none !important;}

  .sm-m-bottom-0{margin-bottom:0px !important;}
  .sm-m-bottom-5{margin-bottom:5px !important;}
  .sm-m-bottom-10{margin-bottom:10px !important;}
  .sm-m-bottom-15{margin-bottom:15px !important;}
  .sm-m-bottom-20{margin-bottom:20px !important;}
  .sm-m-top-0{margin-top:0px !important;}
  .sm-m-top-5{margin-top:5px !important;}
  .sm-m-top-10{margin-top:10px !important;}
  .sm-m-top-15{margin-top:15px !important;}
  .sm-m-top-20{margin-top:20px !important;}
  .sm-m-left-0{margin-left:0px !important;}
  .sm-m-left-5{margin-left:5px !important;}
  .sm-m-left-10{margin-left:10px !important;}
  .sm-m-left-15{margin-left:15px !important;}
  .sm-m-left-20{margin-left:20px !important;}
  .sm-m-right-0{margin-right:0px !important;}
  .sm-m-right-0{margin-right:0px !important;}
  .sm-m-right-10{margin-right:10px !important;}
  .sm-m-right-15{margin-right:15px !important;}
  .sm-m-right-20{margin-right:20px !important;}
  .sm-m-0{margin:0px !important;}
  .sm-m-5{margin:5px !important;}
  .sm-m-10{margin:10px !important;}
  .sm-m-15{margin:15px !important;}
  .sm-m-20{margin:20px !important;}

  .sm-p-bottom-0{padding-bottom:0px !important;}
  .sm-p-bottom-5{padding-bottom:5px !important;}
  .sm-p-bottom-10{padding-bottom:10px !important;}
  .sm-p-bottom-15{padding-bottom:15px !important;}
  .sm-p-bottom-20{padding-bottom:20px !important;}
  .sm-p-top-0{padding-top:0px !important;}
  .sm-p-top-5{padding-top:5px !important;}
  .sm-p-top-10{padding-top:10px !important;}
  .sm-p-top-15{padding-top:15px !important;}
  .sm-p-top-20{padding-top:20px !important;}
  .sm-p-left-0{padding-left:0px !important;}
  .sm-p-left-5{padding-left:5px !important;}
  .sm-p-left-10{padding-left:10px !important;}
  .sm-p-left-15{padding-left:15px !important;}
  .sm-p-left-20{padding-left:20px !important;}
  .sm-p-right-0{padding-right:0px !important;}
  .sm-p-right-5{padding-right:5px !important;}
  .sm-p-right-10{padding-right:10px !important;}
  .sm-p-right-15{padding-right:15px !important;}
  .sm-p-right-20{padding-right:20px !important;}
  .sm-p-0{padding:0px !important;}
  .sm-p-5{padding:5px !important;}
  .sm-p-10{padding:10px !important;}
  .sm-p-15{padding:15px !important;}
  .sm-p-20{padding:20px !important;}
}


@media(max-width:767px){/*sm-xs*/
  .float-left-klein{float:left !important;}
  .float-right-klein{float:right !important;}
  .hr-klein{width: 100%; border-bottom: 1px solid #ccc; margin-top: 10px; margin-bottom: 10px;}

  .xs-float-left{float: left !important;}
  .xs-float-right{float: right !important;}
  .xs-float-none{float: none !important;}
  
  
  .xs-m-bottom-0{margin-bottom:0px !important;}
  .xs-m-bottom-5{margin-bottom:5px !important;}
  .xs-m-bottom-10{margin-bottom:10px !important;}
  .xs-m-bottom-15{margin-bottom:15px !important;}
  .xs-m-bottom-20{margin-bottom:20px !important;}
  .xs-m-top-0{margin-top:0px !important;}
  .xs-m-top-5{margin-top:5px !important;}
  .xs-m-top-10{margin-top:10px !important;}
  .xs-m-top-15{margin-top:15px !important;}
  .xs-m-top-20{margin-top:20px !important;}
  .xs-m-left-0{margin-left:0px !important;}
  .xs-m-left-5{margin-left:5px !important;}
  .xs-m-left-10{margin-left:10px !important;}
  .xs-m-left-15{margin-left:15px !important;}
  .xs-m-left-20{margin-left:20px !important;}
  .xs-m-right-0{margin-right:0px !important;}
  .xs-m-right-0{margin-right:0px !important;}
  .xs-m-right-10{margin-right:10px !important;}
  .xs-m-right-15{margin-right:15px !important;}
  .xs-m-right-20{margin-right:20px !important;}
  .xs-m-0{margin:0px !important;}
  .xs-m-5{margin:5px !important;}
  .xs-m-10{margin:10px !important;}
  .xs-m-15{margin:15px !important;}
  .xs-m-20{margin:20px !important;}

  .xs-p-bottom-0{padding-bottom:0px !important;}
  .xs-p-bottom-5{padding-bottom:5px !important;}
  .xs-p-bottom-10{padding-bottom:10px !important;}
  .xs-p-bottom-15{padding-bottom:15px !important;}
  .xs-p-bottom-20{padding-bottom:20px !important;}
  .xs-p-top-0{padding-top:0px !important;}
  .xs-p-top-5{padding-top:5px !important;}
  .xs-p-top-10{padding-top:10px !important;}
  .xs-p-top-15{padding-top:15px !important;}
  .xs-p-top-20{padding-top:20px !important;}
  .xs-p-left-0{padding-left:0px !important;}
  .xs-p-left-5{padding-left:5px !important;}
  .xs-p-left-10{padding-left:10px !important;}
  .xs-p-left-15{padding-left:15px !important;}
  .xs-p-left-20{padding-left:20px !important;}
  .xs-p-right-0{padding-right:0px !important;}
  .xs-p-right-5{padding-right:5px !important;}
  .xs-p-right-10{padding-right:10px !important;}
  .xs-p-right-15{padding-right:15px !important;}
  .xs-p-right-20{padding-right:20px !important;}
  .xs-p-0{padding:0px !important;}
  .xs-p-5{padding:5px !important;}
  .xs-p-10{padding:10px !important;}
  .xs-p-15{padding:15px !important;}
  .xs-p-20{padding:20px !important;}
  
}


.p-relative{position: relative;}
.p-absolute{position: absolute;}
.d-none{display:none;}
.d-none-i{display:none !important;}
.d-none-ni{display:none;}/*fuer bootstrap, da die die gleiche klasse direkt als important setzten*/
.d-inline{display:inline;}
.d-inline-i{display:inline !important;}
.d-flex{display:flex;}
.d-flex-i{display:flex !important;}
.d-block{display:block;}
.d-block-i{display:block !important;}
.d-inline-block{display:inline-block;}
.d-inline-block-i{display:inline-block !important;}
.visibility-hidden, .v-hidden{visibility: hidden;}
.cb{clear:both;}
.cursor{cursor:pointer;}

.v-align-top{vertical-align: top;}
.v-align-middle{vertical-align: middle;}
.v-align-bottom{vertical-align: bottom;}

.center{margin-right: auto; margin-left: auto;}
.center-block{display: block; margin-right: auto; margin-left: auto;}

hr, .hr{width: 100%; border: 0; border-top: 1px solid #ccc; margin-top: 10px; margin-bottom: 10px;}

.wrap{
  white-space: normal;
}
.nowrap{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nowrap-fest{
  white-space: nowrap;
}

.btn-small{
  padding: 4px 10px;
}

.glyphicon-lg{
  font-size: 18px;
  top: -2px;
}

.clearfix:after {/*content: ".";*/ display: block; height: 0; clear: both; visibility: hidden;}

.vertical-center, .v-center{display:flex; align-items:center;}

.no-select {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
}