@charset "UTF-8";

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: Cambria, serif; /* Google Webfont */
   font-weight: 300;
   color: #006600; /* dunkelgruen */
   background-color: #FAE1A4; /* beige */
}
#Bild_links {
	position:relative;
	z-index:auto;
	float:left;
	overflow:visible;
	padding-right:15px;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:10px;
}

#Bild_rechts {
	position:relative;
	z-index:auto;
	float:right;
	overflow:visible;
	padding-left:15px;
	padding-bottom:10px;
	padding-right:10px;
	padding-top:10px;
}

.page-wrapper {
   background-color: #FAE1A4; /* hell-gruen */
}

.header {
   background-color: #FAE1A4; /* hellgrün */
}


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


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

.footer {
   background-color: #FAE1A4; /* dunkelgrau */
   color: #f8e9c3; /* weiss */
}

   
h1, h2, h3 {
   font-family: 'Cambria', serif; /* Google Webfont */
   font-weight: 500;
   line-height: 130%;
   color: #006600; /* dunkelgruen */
}

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

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

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

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

a:link, a:visited {
   color: #006600; /* dunkelgruen */
   font-weight: 600;
}

a:hover, a:focus, a:active {
   color: #006600; /* dunkelgrau */
   background-color: #f8e9c3; /*beige */
}

.logo {
   font-family: 'Cambria', 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;
}

.logo a:hover, .logo a:focus, .logo a:active {
   background-color: #f8e9c3; /* beige */
}

.main-nav {
   background-color: #f8e9c3; /* beige */
}

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

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

.main-nav a:link, .main-nav a:visited {
   color: #006600; /* dunkelgruen */
      font-style:italic;

}

.main-nav a:hover, .main-nav a:focus, .main-nav a:active {
   background-color: #f8e9c3; /* weiss */
   color: #006600; /*dunkelgruen */
      font-style:italic;

}

.main-nav__item-act {
   color: #006600; /* dunkelgruen */
   background-color: #f8e9c3; /* weiss */
      font-style:italic;

}

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