/* MAIN */

body { font-family: 'Prompt', sans-serif!important;}
p{font-size: 18px;color: #383838;}
h1{color: #262a83;font-weight: bold;font-size: 36px;margin-top: 80px;display: inline-block;}
h2{color: #262a83;font-weight: bold;font-size: 26px;margin-top: 40px;display: inline-block;}
ul{padding-left: 20px;}
li{font-size: 18px;}
.h1_trenner{border:5px solid #6d6d6d;margin-left: 0;margin-top: 0;margin-right: auto;}
.trenner{border:5px solid #6d6d6d;margin-left: 0;margin-right: auto;}
.h2_trenner{border:2px solid #6d6d6d;margin-right: auto;margin-left: 0;margin-top: 15px;margin-bottom: 15px;}
.bg_head{
  background-color: #fff;
  /* background-image: url('../bilder/bg_head2.jpg');
  background-size: cover;
  background-position: center; */
}

.sub_img img{margin-top: 30px;}
.produkt_trenner{margin: 60px 0;border: 1px solid #6d6d6d;}

.bg_blue{background-color: #262a83}
.white{color: #fff!important;margin: 0;padding: 0 30px;font-weight: 500;font-size: 25px;}
.icon_row img{width: 45%;margin-bottom: 20px;margin-bottom: 35px;margin-top: 60px;}
.icon_row p{text-align: center;font-weight: 600;font-size: 18px;}
.logo{max-width: 300px;}
.center{margin-left: auto;margin-right: auto;display: block;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color: #262a83!important;border-color: #262a83;}
.navbar-default{background-color: #262a83!important;}
.navbar-default .navbar-toggle{border: 0px;}
.navbar-toggle:hover{background-color: transparent!important;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}

.ql_bg1{background-image: url('../bilder/ql1.jpg');background-size: cover;background-position: center;min-height: 530px;}
.ql_bg2{background-image: url('../bilder/ql2.jpg');background-size: cover;background-position: center;min-height: 530px;}
.ql_bg3{background-image: url('../bilder/ql3.jpg');background-size: cover;background-position: center;min-height: 530px;}
.max-w{max-width: 1500px;}
.margin_hr{margin: 80px 0 0 0;}
.footer p{color: #fff;}
.bg_blue{background-color: #262a83;padding: 40px 0;}
.symbolik{width: 125px;}
.btn{margin-bottom: 20px;}
.btn-default{background-color: #262a83;color: #ffffff;border: 1px solid #262a83;padding: 15px;font-size: 18px;}
.btn-default:hover{background-color: #fff;color: #262a83;border: 1px solid #262a83;}
.carousel-caption{top: 100px;left: 15%;right: auto;background-color:rgba(255, 255, 255, 0.73);text-align: left;display: inline-table;padding: 20px;border-radius: 10px;}
.carousel-caption h1{color: #262a83;margin-top: 20px;}
.no-padding{padding: 0;}
#statusfield{visibility: hidden;padding: 15px;margin: 15px 0;border-radius: 5px;}
#statusfield p{color: #fff;}
.form-control{padding: 15px;font-size: 18px;height: auto;}
#logout i{color: #fff;font-size: 20px;}
#logout {color: #fff;font-size: 20px;cursor: pointer;}
.ql-editor{min-height: 300px;}
.top_nav{position: fixed;z-index: 2;width: 100%;}
.side_nav_ul{margin-top: 118px;list-style: none;padding: 0;}
.side_nav_li{padding: 30px 50px;font-size: 18px;border-bottom: 1px solid grey;background-color: #f1f1f1;cursor: pointer;}
.side_nav{position: fixed;height: 100%;-webkit-box-shadow: -11px 10px 98px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -11px 10px 98px 0px rgba(0,0,0,0.75);
box-shadow: -11px 10px 98px 0px rgba(0,0,0,0.75);z-index: 1;}
.produkt{border: 1px solid grey;padding:20px;margin-top: 15px;margin-bottom: 15px;height: 300px;}
.produkt_fe{box-shadow: 0px 0px 10px;padding:20px;margin-top: 15px;margin-bottom: 15px;}
 .produkt_fe img{transition: transform .1s;cursor: pointer;}
.produkt_fe img:hover{ transform: scale(1.05);}
.produkt h2{margin: 0;}
.icon_nav{padding: 10px;margin: 20px 0;background-color: #262a83;color: #fff;cursor: pointer;border: 1px solid #262a83;}
.icon_nav:hover{background-color: #fff;color:#262a83;}
.showless{overflow: hidden;height: 195px;}
.img-maps{width: 100%;}
.hr_job{border-top: 1px solid #c7c7c7}
.aktiv{background-color: #fff;color: #262a83;}
.aktiv a p{color: #262a83!important;}
.main{margin-top: 140px;}
.main h1{margin-top:0;}
.fadeOut {visibility: hidden;opacity: 0;transition: visibility 0s 1s, opacity 1s ease-in-out;}
.fadeIn {visibility: visible!important;opacity: 1;transition: opacity 1s ease-in-out;}
.main_verwaltung{padding-left: 300px;}



.ui-tabs-tab{width: 50%;float: left;text-align: center;list-style: none;}

.ui-tabs-tab>li{width: 50%;border-radius: 0px;}
.btn-container li{padding: 30px 0}
.img_container img:hover{ transform: scale(1.05);}
.img_container img {padding: 20px;transition: .5s;}
.ui-state-active{border-bottom: 8px solid #262a83!important;color: #fff!important;font-weight: bold;background-color:#262a83!important;background: #262a83!important;}
.ui-state-active a{color: #fff!important;}
.ui-tabs-tab{border-bottom: 8px solid #383838;}
.ui-tabs-tab a{font-size: 30px;color: #383838;}


.ui-tabs-tab:hover {color: whitesmoke;}
.ui-tabs-tab:hover a{color: whitesmoke;}

.ui-tabs-tab:before {
  content: "";
  position: absolute;
  background: #383736;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
}

.ui-state-active:before {
  content: "";
  position: absolute;
  background: #262a83;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
}

.ui-tabs-tab:hover:before {
  top: 0;
}

.ui-tabs-tab{
  position: relative;
   //display:block;
   padding: 5px 5px;
   font-weight: 700;
   font-size: 15px;
   outline: 0;
   overflow:hidden;
   background: none;
   z-index: 1;
   cursor: pointer;
   transition:         0.08s ease-in;
   -o-transition:      0.08s ease-in;
   -ms-transition:     0.08s ease-in;
   -moz-transition:    0.08s ease-in;
   -webkit-transition: 0.08s ease-in;
}





.nav_element a p,.nav_element_db a p{
  margin:0;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  padding: 10px 30px;
}
.nav_element a p:hover,.nav_element_db a p:hover{color: #262a83;}
.nav_element,.nav_element_db{cursor: pointer;}
.nav_element:hover,.nav_element_db:hover{background-color: #fff;color: #262a83;}
.nav_element:hover a p,.nav_element_db:hover a p{color: #262a83;}
.navbar{margin-bottom: 0!important;border: 0px!important;}
/* MAIN ENDE */


/* NAV */

.navbar-toggle.x .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg)!important;
	-ms-transform: rotate(45deg)!important;
	transform: rotate(45deg)!important;
	-webkit-transform-origin: 10% 10%!important;
	-ms-transform-origin: 10% 10%!important;
	transform-origin: 10% 10%!important;
  transition: all 0.5s ease;

}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
	opacity: 0!important;
	filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg)!important;
	-ms-transform: rotate(-45deg)!important;
	transform: rotate(-45deg)!important;
	-webkit-transform-origin: 10% 90%!important;
	-ms-transform-origin: 10% 90%!important;
	transform-origin: 10% 90%!important;
  transition: all 0.5s ease;

}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0)!important;
	-ms-transform: rotate(0)!important;
	transform: rotate(0)!important;
  transition: all 0.5s ease;

}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
	opacity: 1!important;
	filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0)!important;
	-ms-transform: rotate(0)!important;
	transform: rotate(0)!important;
  transition: all 0.5s ease;
}

@media (min-width: 768px){
    .navbar-nav{
        float:none!important;
        margin: 0 auto!important;
        display: table;
        table-layout: fixed;
    }
    .display-mobile{display: none;}
    .display-desktop{display: block;}
    .no_padding_r {padding-right: 0;}
    .no_padding_l {padding-left: 0;}
}
@media (max-width: 767px){
.text-center-mobile {
  text-align: center!important;
}
.display-mobile{display: block;}
.display-desktop{display: none;}
h1{font-size: 25px;}
h2{margin-top: 10px;}
}
.img_container img{
  padding: 5px 0px;
}



.ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6{
 font-family: 'Prompt', sans-serif!important;
}
.ql-editor li{font-size: 20px;}