@charset "UTF-8";


/* ----------------------------------------------------------------------------- *
 *          Basisschriftgröße auf 10px setzen --> 62,5% von 16px                 *
 *    erleichtert uns die Umrechnung der weiteren Schriftgrößen in rem / em      *
 *        Beispiel: 1.0rem entspricht 10px und 1.6rem entspricht 16px            *
 * ----------------------------------------------------------------------------- */

html {
   font-size: 62.5%;
}

body {
   font-size: 1.6px; /* Fallback für alte Browser, die rem nicht kennen */
   font-size: 1.6rem; /* 16px */
   line-height: 1.5; /* 24px */
   font-family: 'Roboto', sans-serif; /* Google Webfont */
   font-weight: 300;
   color: #444; /* dunkelgrau */
   background-color: #efefef; /* hellgrau */
}

.page-wrapper {
   background-color: #7e9bb9; /* blau-gruen */
}

.header {
   background-color:#162347; /* rot */
}

.main-wrapper {
   background-color: #fff; /* weiss */
   padding: 2em 2rem;
}

.footer {
   background-color: #465672; /* schwarz */
   color: #fff; /* weiss */
}

h1, h2 {
   font-family: 'Raleway', sans-serif; /* Google Webfont */
   font-weight: 500;
   line-height: 130%;
   color: #a84c69; /* rot */
}

h3 {
   font-family: 'Roboto', sans-serif; /* Google Webfont */
   font-weight: 600;
   line-height: 140%;
   
}


h4 {
	font-family: 'Raleway', sans-serif;
	font-size: 1.6rem;
	font-weight: 800;
	color:#000;
	margin: 0.4em 0;
}



h1 {
   font-size: 2.6rem; /* 26px */
}

h1.slidertext {
	font-size: 2.6rem;
	font-weight: 800;
	color: #000;
}
	
	

h2 {
   font-size: 2.2rem; /* 22px */
}

h3 {
   font-size: 1.7rem; /*px */
}

h3.slidertext {
   font-size: 2.0rem; /* 20px */
   font-weight: 800;
   color: #000;
}




p.teasertext {
   font-size: 1.7rem; /* 17px */
   line-height: 150%;
}

p.teasertext_bold {
   font-size: 1.7rem; /* 17px */
   line-height: 150%;
   font-weight: 700;
}

p.produkttext {
	font-size: 2.2rem;
	color: #FFF;
	font-weight:1000;
}


a:link, a:visited {
   color: #7e9bb9; /* blau-gruen */
   font-weight: 600;
}

.feature_pics a:hover, .feature_pics a:focus, .feature_pics a:active, .feature_pics a:visited {
   color: #fff; /* weiss */
   background-color: transparent;
}


a:hover, a:focus, a:active {
   color: #fff; /* weiss */
   background-color: #7e9bb9; /* blau-gruen */
}



.testlogo a:hover, .testlogo a:focus, .testlogo a:active, .testlogo a:visited {
   color: #fff; /* weiss */
   background-color: transparent;
}

.facebook a:hover, .facebook a:focus, .facebook a:active, .facebook a:visited {
   color: #fff; /* weiss */
   background-color: transparent;
}

.language a:hover, .language a:focus, .language a:active, .language a:visited {
   color: #fff; /* weiss */
   background-color: transparent;
}




.logo {
   /*font-family: 'Raleway', sans-serif; /* Google Webfont */
   /*font-size: 2.1rem;
   font-weight: 500;
   line-height: 1;
   text-transform: uppercase;
   letter-spacing: 0.3em;*/
  /* color: #fff;  weiss */
}

.logo a:link, .logo a:visited {
   /*color: #fff;  weiss */
   font-weight: 500;
   text-decoration: none;
   display: block;
   background-color: transparent;
}

.logo a:hover, .logo a:focus, .logo a:active {
   background-color: #15487a; /* orange */
   background-color: transparent;
}

.main-nav {
   background-color: #7e9bb9; /* blau-gruen */
}

.main-nav li {
   list-style: none;
}

.main-nav a, .main-nav b {
   font-weight: 300;
}

.main-nav a:link, .main-nav a:visited {
   color: #fff; /* weiss */
}

.main-nav a:hover, .main-nav a:focus, .main-nav a:active {
   background-color: #86a5c5; /* mint-gruen */
   color: #fff; /* weiss */
}

.main-nav__item-act {
   color: #7e9bb9; /* blau-gruen */
   background-color: #fff; /* weiss */
}

.blindtext,
.blindtext * {
	color: #c5c5c5 !important; /* mittelgrau */
}





/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}


/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}