/*
rot: b41918
blau: 273d8d
Abstufung blau: 8e9eda
*/

@font-face { font-family: 'Gotham Rounded Light';
             src: url('/static/web/fonts/Gotham Rounded Light.otf') format('truetype'); }
@font-face { font-family: 'Gotham Rounded normal';
             src: url('/static/web/fonts/Gotham Rounded Medium.otf') format('truetype'); }

body{
  background-color:#EBEBEB!important;
  text-shadow:none!important;
  font-family:"Gotham Rounded Light",sans-serif!important;
  }
h1{
  font-size:2.5em;
  margin-bottom:20px;
  }
h4{
  font-size:1.1em;
  font-weight:bold;
  }
h4,h5{
    background: transparent!important;
    color: #333333!important;
    /*-webkit-text-fill-color: #333333!important;*/
  }
.orangetext{
  color:#b41918!important;
  }
.lilatext{
  color: #273d8d;
  /*  background: -webkit-linear-gradient(45deg, #125d80, #0090d4);
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;*/
  }
section{
  padding-top:30px;
  padding-bottom:30px;
  }
.homeLogout{
  -webkit-box-shadow: 0 0 3px 0 #969696;
  box-shadow: 0 0 3px 0 #969696;
  background-color:#F3F3F3;
  padding:10px 20px;
  position:absolute;
  left:0;
  top:0;
  font-size: 14px;
  font-weight: 600;
  font-family:"Gotham Rounded Light", sans-serif
  }
.homeLogout .fa{
	padding-right: 5px;
  font-size: 16px;
  font-weight: bold;
	}
.homeLogin{
  padding:10px 0;
  font-size:1.3em;
  }
.homeLogin a, .headTel{
  color:#808080;
  }
.headTel {
	color:#808080;
  font-family: "Segoe Alt W01", sans-serif!important;
  font-size: 16px;
  padding-top: 10px;
  margin-bottom: 10px;
}
.navWrapper{
  background-color:#ffffff;
  padding:10px 0;
  }
.container.boxLogin {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.login-box-wrapper{
  background-color:transparent;
  /*background: rgb(74,110,179);
  background: -moz-linear-gradient(left,  rgba(74,110,179,1) 0%, rgba(206,90,195,1) 50%, rgba(247,182,167,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(74,110,179,1) 0%,rgba(206,90,195,1) 50%,rgba(247,182,167,1) 100%);
  background: linear-gradient(to right,  rgba(74,110,179,1) 0%,rgba(206,90,195,1) 50%,rgba(247,182,167,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a6eb3', endColorstr='#f7b6a7',GradientType=1 ); */
  padding:2px;
  /*-webkit-box-shadow: 0 0 3px 0 #969696;
  box-shadow: 0 0 3px 0 #969696;*/
  width:300px;
  margin:50px auto;
  border-radius:6px;
  }
.login-box-old{
  border-radius:4px;
  background: rgb(254,254,254); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(254,254,254,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(254,254,254,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(254,254,254,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  padding:30px 20px;
  text-align:center;
  }
.login-box{
  border-radius:4px;
  background-color:#ffffff;
  padding:30px 20px;
  text-align:center;
  width: 400px;
  margin: auto;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  }
.login-box h1{
  font-size:1.2em;
  font-weight:bold;
  }
.login-box input{
  border-radius:3px;
  border-left:1px solid #D0D0D0;
  border-bottom:1px solid #D0D0D0;
  border-right:1px solid #D0D0D0;
  border-top:none;
  background-color:#ffffff;
  }
.navbar-header{
  
  padding:10px 0;
  }
@media (max-width: 768px){
  .navbar-header {
    margin-left: 0!important;
    }
  section{
    padding-top:10px;
    padding-bottom:10px;
    }
  h1{
    font-size:2em;
    }
  h4{
    font-size:1.2em;
    }
  }
.navbar-nav li{
  font-weight:bold;
  font-size:1.2em;
  }
.navbar-nav li a{  
  font-weight:400;
  }
.navbar-nav>li.aktive>a {
  color: #273d8d!important; 
}  
.navbar-nav li a:hover{  
  color:#273d8d!important;
  text-shadow: 1px 1px 2px #09A3DD3b;
  }
.navbar-nav{
  margin:7.5px 15px 0 50px;
  }
.navbar-default{
  background-color:#ffffff;
  border-bottom:1px solid #C5C5C5;
  }
.navbar-toggle{
  border-color:transparent!important;
  margin: 1px 15px;
  }
.navbar-toggle i{
  color:#e95e0f;
  font-size:1.8em;
  }
.portal_submenu ul,.sipwise_submenu ul{
  list-style:none;
  margin:0;
  padding:0;
  }
.portal_submenu ul li,.sipwise_submenu ul li{
  display:inline-block;
  padding:0 10px;
  }
.portal_submenu ul li a,.sipwise_submenu ul li a,a.abmeldebutton{
  color:#333333;
  }
.portal_submenu ul li a,a.abmeldebutton{
  font-weight:bold;
  font-size:1.2em;
  }
.sipwise_submenu{
  margin-top:20px;
  }
.sipwise_submenu ul li.aktiv{
  background: rgb(74,74,72); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(74,74,72,1) 0%, rgba(123,122,120,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(74,74,72,1) 0%,rgba(123,122,120,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(74,74,72,1) 0%,rgba(123,122,120,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a48', endColorstr='#7b7a78',GradientType=1 ); /* IE6-9 */
  border:2px solid #ffffff;
  border-radius:15px;
  }
.sipwise_submenu ul li.aktiv a{
  color:#ffffff;
  }
.sipwise_submenu ul li:first-child a{
  color:#273d8d;
  font-size:1.5em;
  }
.sipwise_submenu ul li{
  height:30px;
  }
hr.grau-weiss{
  height:0;
  border-top:1px solid #CDCDCD;
  border-bottom:1px solid #ffffff;
  margin-top:20px;
  margin-bottom:20px;
  }
.verlaufstext{
  color: #f54843;
  background:-webkit-linear-gradient(left,  rgba(74,110,179,1) 0%, rgba(206,90,195,1) 50%, rgba(247,182,167,1) 100%);
  -webkit-text-fill-color: rgba(0,0,0,0);
  -webkit-background-clip:text;
  line-height:1.3;
  }
.sipwise-footer i{
  color:#273d8d;
  font-size:2em;
  }
.sipwise-footer h2{
  text-transform:uppercase;
  font-weight:bold;
  }
.sipwise-footer .item{
  border:2px solid #273d8d;
  height:150px;
  position:relative;
  padding-top:10px;
  background-color:#ffffff;
  }
.sipwise-footer .item .row{
  margin:0;
  }
.sipwise-footer{
  margin-left:-15px;
  margin-right:-15px;
  }
.sipwise-footer .bottom-absolute{
  position:absolute;
  bottom:10px;
  width:100%;
  }
.sipwise-footer .bottom-absolute a{
  background: #273d8d;
  text-align:center;
  color:#ffffff;
  display:block;
  height:30px;
  width:100%;
  font-weight:bold;
  padding-top:3px;
  }
.kleintext{
  font-size:0.8em;
  }
.box{
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
  -webkit-box-shadow: 0 0 3px 0 #969696;
  box-shadow: 2px 2px 3px 0 #969696;
  padding:10px 15px;
  margin-bottom: 20px;
  }
.gleichhochbox{
  visibility:hidden;
  }
.boxButton{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    cursor:pointer
}
.boxButton:hover{
		box-shadow: 4px 4px 3px 0 #969696;
}
table.boxtable{
  width:100%;
  }
table.boxtable tr th, .boxtable tr td{
  vertical-align:top;
  }
table.ohneHead tr td:first-child{
  font-weight:bold;
  }
.auflistung .row div:first-child{
  font-weight:bold;
  }
.tabellenkopf{
  font-family:"Gotham Rounded",sans-serif;
  }
.w100p{
  width:100%;
  }
.blaettern.aktiv{
  font-weight:bold;
  }
#Modal_changePW .modal-header{
  background-color:transparent;
  text-align:center;
  }
 #Modal_changePW .modal-header img{
   width:130px;
   }
#Modal_changePW .modal-body{
  padding:45px;
  }
#Modal_changePW .ue1{
  color:#e95e0f;
  text-transform:uppercase;
  font-weight:bold;
  }
#Modal_changePW .ue2{
  margin-bottom:20px;
  font-weight:bold;
  text-transform:uppercase;
  }
#Modal_changePW form{
  padding:0;
  }
#Modal_changePW form button{
  margin-top:10px;
  }
.mitValidierung .fa-check-circle,.mitValidierung .fa-times-circle{
  display:none;
  }
.mitValidierung.false .fa-check-circle{
  display:none;
  }
.mitValidierung.false .fa-times-circle{
  display:block;
  }
.mitValidierung.true .fa-check-circle{
  display:block;
  }
.mitValidierung.true .fa-times-circle{
  display:none;
  }
.mitValidierung.true input{
  border-color:#3c763d;
  }
.mitValidierung.false input{
  border-color:#a94442;
  }
.logo{/*padding:5px 0;*/ width: 150px;}
.navbar-collapse{
  padding-top:10px;
  }
.largeborderbox.lila .content{border-color:#273d8d!important;}
.box h4{
  color:#273d8d!important;
  }
.text_eins{
  font-family:"Gotham Rounded",sans-serif;
  font-weight:700;
  }
strong{
  font-family:"Gotham Rounded",sans-serif;
  }
.mt-30{
	margin-top: 30px;
  }

.modal form label {padding-top: 6px;}
.modal-header {background-color: #fff;}