/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../Fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../Fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../Fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../Fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../Fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../Fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


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

b, strong { font-weight:900; }

h1, h2, h3, h4, h5, h6 { color:#00376f; font-weight:300; line-height:120%; margin:0; padding:0; text-transform:uppercase; } 
h1 { font-size:3rem; font-weight:900; padding:0 0 40px; }
h2 { font-size:2.4rem; padding:0 0 40px; font-weight:700; }
h3 { font-size:1.6em; font-weight:600; padding:0 0 20px; }
h4 { font-size:1.4em; padding-bottom:10px; font-weight:700; }
h5 { font-size:1.2em; padding-bottom:10px; font-weight:300; text-transform:uppercase; color:#555555; }
/*h6 { font-size:1.0rem; padding-top:20px; padding-bottom:0px; font-weight:700; line-height:160%; color:#555555; }*/

/* hochgestellt */
span.sup { font-size:0.7em; vertical-align:super; line-height: 100%; }
.zitat { font-size:0.9em; line-height: 140%; }


.lost-trans { color:rgb(255, 0, 200) !important; }


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


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

a.button:hover .pfeil-box { border-left:1px solid #FFF; }
a.button:hover .pfeil-box .pfeil { border-left:10px solid #FFF; }


a.button { position:relative; text-decoration:none; margin:20px 0 0; background:#c9dfeb; display:block; font-size:1.4rem; font-weight:700; line-height:30px; padding:15px 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 */
}
a.button:hover { text-decoration:none; color:#fff !important; background-color:#00376f; }

a.button-inline { position:relative; text-decoration:none; border-radius:3px; background:#c9dfeb; display:inline-block; line-height:60px; 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 */
}
a.button-inline:hover { text-decoration:none; color:#fff !important; background-color:#00376f; }

.subtext { font-weight: 300; font-size:1rem; padding-left:10px; }


.content-pfeil { display:block; overflow:hidden; text-indent:-1000px; position:absolute; width:0; height:0; top:14px; right:15px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:10px solid #00376f; }