@charset "UTF-8";

/* ----------------------------------------------------------------------------- *
 *          Basisschriftgröße auf 10px setzen --> 62,5% von 16px                 *
 *        Beispiel: 1.0rem = 10px und 1.6rem = 16px                              *
 * ----------------------------------------------------------------------------- */

html {
   font-size: 62.5%;
}

body {
   font-size: 1.4px; /* Fallback für alte Browser, die rem nicht kennen */
   font-size: 1.4rem; /* 14px */
   line-height: 1.5; /* 21px */
   font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
   font-weight: 400;
   color: #222; /* dunkelgrau */
   background-color: #fff; /* weiss */
}

.page-wrapper {
   background-color: #fff; /* weiss */
}

.header {
   background-color: #fff; /* weiss */
}

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

.footer {
   background-color: #1960ab; /* tuerkis */
   color: #fff; /* weiss */
}

h1, h2, h3 {
   font-weight: 700;
   line-height: 130%;
   color: #000; /* schwarz */
}

h1 {
   font-size: 2.5rem; /* 25px */
}

h2 {
   font-size: 1.7rem; /* 17px */
}
h2.subtitle {
   font-size: 1.8rem; /* 20px */
   font-weight: 400;
}

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

p.teasertext, p.text {
   font-size: 1.4rem; /* 14px */
   line-height: 150%;
}
p.banner {
   font-size: 2.2rem; /* 22px */
   line-height: 100%;	
}

a:link, a:visited {
   color: #1960ab !important; /* tuerkis */
   font-weight: 600;
}

a:hover, a:focus, a:active {
   color: #fff !important; /* weiss */
   background-color: #1960ab; /* tuerkis */
   font-weight: 600;
}

.textlist,
.textlist * {
	color: #444 !important; /* mittelgrau */
}
.textlist h2 {
   color: #1960ab !important; /* tuerkis */
}