/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../Fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/roboto-v18-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../Fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/roboto-v18-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('../Fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/roboto-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../Fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/roboto-v18-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../Fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/roboto-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../Fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/roboto-v18-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



body { color:#555555; font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:160%; }

b { font-weight:700; }

h1, h2, h3, h4, h5, h6 { color:#00408a; font-weight:300; line-height:120%; margin:0; padding:0; } 
h1 { font-size:1.8rem; }
h2 { font-size:1.8rem; padding:0 0 20px; font-weight:300; }
h3 { font-size:1.8em; font-weight:300; padding:0; text-transform:uppercase; color:#555555; }
h4 { font-size:1.2em; padding-bottom:15px; font-weight:700; text-transform:none; }
h5 { font-size:1.0em; font-weight:300; text-transform:uppercase; line-height:100%; }
h6 { font-size:1.0rem; padding-top:20px; padding-bottom:0px; font-weight:700; line-height:160%; color:#555555; }


/* links */
a,
a:visited,
a:active,
a:hover { text-decoration:underline; color:#00408a; outline:0 !important; }

.sup { display:initial !important; font-size:0.7em; vertical-align: top; position: relative; top: -3px; }

/* Verschiedene Buttondesigns */
.pfeil-box { display:block; border-left:1px solid #555; position:absolute; top:0; right:0; width:40px; height:100%; }
.pfeil-box .pfeil { display:block; position:absolute; width:0; height:0; top:10px; left:40%; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #555; }


.button { text-decoration:none; text-transform:uppercase; color:#fff !important; background:#00408a; display:block; line-height:40px; padding:0 20px; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button:hover { text-decoration:none; color:#fff !important; background-color:#003870; }

.button_grey { text-decoration:none; text-align:center; text-transform:uppercase; color:#fff !important; background:#CCC; display:block; line-height:40px; padding:0 20px; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button_grey:hover { text-decoration:none; background-color:#999; }

.button-light { text-decoration:none; position:relative; border:1px solid #555; color:#555 !important; display:block; line-height:40px; padding:0 20px; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button-light:hover { text-decoration:none; color:#fff !important; background-color:#CCC; border:1px solid #CCC; }
.button-light:hover .pfeil-box { border-left:1px solid #FFF; }
.button-light:hover .pfeil-box .pfeil { border-left:10px solid #FFF; }

.button-back { text-decoration:none; padding-left:60px; display:inline-block; }
.button-back:hover { text-decoration:none; }
.button-back .pfeil-box { border-left:none; border-right:1px solid #555; left:0; right:initial; }
.button-back .pfeil-box .pfeil { border-right:10px solid #555; border-left:none; }
.button-back:hover .pfeil-box { border-right:1px solid #FFF; border-left:none; }
.button-back:hover .pfeil-box .pfeil { border-right:10px solid #FFF; border-left:none; }



/* Verschiedene Tabellendesigns */
.drei-spalter { width:100%; }
.drei-spalter td { width:33%; }