@font-face {
  font-family: SuperGBX;
  src: url("/static/portal/fonts/SuperGroteskWeb.eot");
  src: url("/static/portal/fonts/SuperGroteskWeb.eot?#iefix") format('embedded-opentype'),
  		url("/static/portal/fonts/SuperGroteskWeb.woff"); format("woff");
  font-weight:400;
}
@font-face {
  font-family: SuperGBXC;
  src: url("/static/portal/fonts/SuperGroteskWeb-Cond.eot");
  src: url("/static/portal/fonts/SuperGroteskWeb-Cond.eot?#iefix") format('embedded-opentype'),
			url("/static/portal/fonts/SuperGroteskWeb-Cond.woff"); format("woff");
  font-weight:400;
}
@font-face {
  font-family: SuperGBX;
  src: url("/static/portal/fonts/SuperGroteskWeb-Medium.eot");
  src: url("/static/portal/fonts/SuperGroteskWeb-Medium.eot?#iefix") format('embedded-opentype'),
  		url("/static/portal/fonts/SuperGroteskWeb-Medium.woff") format("woff");
  font-weight:700;
}
@font-face {
  font-family: SuperGBXC;
  src: url("/static/portal/fonts/SuperGroteskWeb-CondMedium.eot");
  src: url("/static/portal/fonts/SuperGroteskWeb-CondMedium.eot?#iefix") format('embedded-opentype'),
  		url("/static/portal/fonts/SuperGroteskWeb-CondMedium.woff") format("woff");
	font-weight:700;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/portal/fonts/OpenSans-Regular.eot');
    src: url('/static/portal/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/portal/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('/static/portal/fonts/OpenSans-Regular.woff') format('woff'),
        url('/static/portal/fonts/OpenSans-Regular.ttf') format('truetype'),
        url('/static/portal/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/portal/fonts/OpenSans-SemiBold.eot');
    src: url('/static/portal/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/static/portal/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('/static/portal/fonts/OpenSans-SemiBold.woff') format('woff'),
        url('/static/portal/fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('/static/portal/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/portal/fonts/OpenSans-Bold.eot');
    src: url('/static/portal/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/portal/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('/static/portal/fonts/OpenSans-Bold.woff') format('woff'),
        url('/static/portal/fonts/OpenSans-Bold.ttf') format('truetype'),
        url('/static/portal/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
body{
  color:#888;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size:15px;
  counter-reset: ebene1 2;
  position:absolute;
  width:100%;
  height:100%;
  }
a:hover{
  text-decoration:none;
  }
h1{
  margin-bottom:30px;
  color: #8fc01a;
  font-size: 1.7em;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: 0px;
  font-family: SuperGBXC, 'Open Sans',sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  }
h2{font-size:1.4em;}
h3{
  color: #8fc01a;
  font-family: SuperGBXC, 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 1.1em;
  margin: 0;
  }
.head{  
  border-bottom:5px solid #cce2f9;
  margin-bottom:30px;
}
.head > .container{
  position:relative;
  }
@media (min-width: 992px){
  .head{
    height:155px;
    }
  .head > .container{
    height:155px;
    }
  }
.header{
  margin-bottom:15px;
  }
.header .row{
  background-color:#eeeeee;
  }
.titel{
  font-size:3.5em;
  font-style:italic;
  color:#08366A;
  margin-top:20px;
  }
footer{
  margin-top:20px;
  color:#0d3a6a;
  background-color:#cce2f9;
  font-size:0.9em;
  }
footer a{
  text-decoration:underline;
  font-weight:600;
  color:#0d3a6a;
  }
footer h3{
  margin-bottom: 5px;
  color: #0d3a6a;
  font-size: 1.8em;
  }
.teaser{
  border:1px solid grey;
  border-radius:10px;
  padding:10px 0;
  }
footer > .container > .row:first-of-type{
  padding:30px 0 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
footer > .container > .row:last-of-type{
  padding:30px 0 30px 0;
  }
footer .infobox{
  background-color:white;
  height:221px;
  margin-top:-30px;
  position:absolute;
  width:100%;
  line-height:1.7em;
  font-size:0.85em;
  }
.padding15{
  padding:15px;
  }
.margin-bottom-20{
  margin-bottom:20px;
  }
.margin-bottom-40{
  margin-bottom:40px;
  }
.margin-top-20{
  margin-top:20px;
  }
.text-bold{
  font-weight:bold;
  }
.preistabelle .row:first-of-type,.preistabelle .row:last-of-type{
  border-top:1px solid #eee;
  }
.preistabelle .row{
  border-bottom:1px solid #eee;
  padding:10px 0;
  }
.vertrag{
  color:black;
  }
.vertrag h2{
  color:#1F497D;
  font-size:2em;
  font-style:italic;
  }
.vertrag h3,.vertrag h6{
  color:#1F497D;
  font-weight:bold;
  font-size:1.1em;
  border-bottom:2px solid #1F497D;
  padding-bottom:2px;
  margin-top: 20px;
  margin-bottom: 10px;
  }
.vertrag h3:before {
  content: counter(ebene1) " ";
  counter-increment: ebene1;
  }
.vertrag .positionsuebersicht{
  color:#1F497D;
  font-weight:bold;
  font-size:1.1em;
  border-bottom:2px solid #1F497D;
  padding-bottom:2px;
  margin-bottom:5px;
  }
.well h3{
  margin-top:0;
  }
.well.well-danger{
  background-color: #f2dede;
  border-color: #ebccd1;
  }
.w100{
  width:100%;
  }
#loaderoverlay{
  padding-top:20%;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.5);
  display:none;
  z-index:1100;
  text-align:center;
  color:#ffffff;
  font-size:3em;
  }
.form-control{
  padding:6px;
  }
.form-group.normal label{
  font-weight:normal;
  }
/*###################navigation##########################*/  
.linksObenRechts{
  padding-top:10px;
  font-weight:600;
  font-size:13px;
  color:#000000;
  }
.linksObenRechts a{
  color:#0d3a6a;
  padding:5px;
  }
.headbanner{
  position:absolute;
  right:0;
  bottom:-16px;
  }
.headbanner .dreieck{
  height:0;
  width:0;
  float:left;
  border-left:33px solid transparent;
  border-bottom:33px solid black;
  left:-33px;
  position:absolute; 
  }
.headbanner .banner{
  padding:15px 40px;
  width:192px;
  height:54px;
  background:#00468a;
  background:-moz-linear-gradient(left, #00468a 0%, #003062 100%);
  background:-webkit-linear-gradient(left, #00468a 0%,#003062 100%);
  background:linear-gradient(to right, #00468a 0%,#003062 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00468a', endColorstr='#003062',GradientType=1 );
  box-shadow:-4px 4px 0px rgba(0, 40, 80, 0.15);
  font-family:SuperGBXC, 'Open Sans', sans-serif;
  font-weight:700;
  text-transform:uppercase;
  line-height:1.2;
  color:#ffffff;
  font-size:20px;
  }
nav.navbar{
  border:none;
  background-color:transparent;
  margin-top:-33px;
  margin-bottom:0;
  margin-left:160px;
  }
.navbar-toggler{
  border:1px solid grey;
  margin-left:auto;
  margin-right:-15px;
  }
@media (max-width: 1199px){
  nav.navbar{
    margin-top:-16px;
    }
  }
 .navbar-nav>li>a.aktiv,.linksObenRechts a.aktiv{
   color:#8fc01a!important;
   }
.navbar-nav>li>a:hover,.linksObenRechts a:hover{
   color:#003062!important;
   }
@media (min-width: 992px){
  .navbar-nav>li>a:after{
    content:"";
    display:block;
    width: 100%;
    height: 15px;
    transform: skew(-45deg);
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    background: #cce2f9;
    margin-top:6px;
    margin-left:-10px;
    }
	.navbar-nav>li>a:hover:after{
	  background:#8fc01a;
	  }
  }
@media (max-width: 991px){
  .navbar-nav{
    border-top:1px solid grey;
    margin-top:20px;
    margin-right:-15px!important;
    }
  .navbar-nav > li{
    margin-right:-10px;
    }
  nav.navbar{
    margin-top:0;
    padding-top:0;
    margin-left:0;
    }
  }
.navbar-nav>li{
  padding: 10px 12px 5px 12px;
  }
.navbar-nav>li>a{  
  color: #000000!important;
  font-weight:700;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
	text-decoration:none;
  font-family: SuperGBXC, 'Open Sans',sans-serif;
  }
.logininfo{
  margin-top:10px;
  }