@font-face {
  font-family: 'entypo';
  font-style: normal;
  font-weight: normal;
  src: url('../font/OpenSans.ttf');
  src: url('../font/Domine.ttf');
  src: url('../font/entypo.eot');
  src: url('../font/entypo.eot?#iefix') format('eot');
  url('../font/entypo.woff') format('woff');
  url('../font/entypo.ttf') format('truetype');
  url('../font/entypo.svg#entypo') format('svg');
  url('../font/OpenSans.ttf') format('truetype');
  url('../font/Domine.ttf') format('truetype');
}

[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

/*.entypo-down-open-big:before {
	content: "\e764";
} */

.entypo-paper-plane:before {
	content: "\e79b";
}

.entypo-location:before {
	content: "\e724";
}

.entypo-phone:before {
	content: "\1f4dE";
}

/*.entypo-heart-empty:before {
	content: "\2661";
} */

/*.entypo-user:before {
	content: "\1f464";
} */

.entypo-pencil:before {
	content: "\270e";
}

.entypo-menu:before {
	content: "\2630";
}

/*.entypo-tools:before {
	content: "\2692";
} */

/*.entypo-clock:before {
	content: "\1f554";
} */

/*.entypo-briefcase:before {
	content: "\1f4bc";
} */

.entypo-left-open-big:before {
	content: "\e765";
}

.entypo-right-open-big:before {
	content: "\e766";
}

/*.entypo-check:before {
	content:"\2713";
} */

/* Google Fonts --------------------------------------------------------------------- */

/* The following Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is available with a FAQ at: https://scripts.sil.org/OFL */

/* Copyright 2020 The Open Sans Project Authors */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: url(../font/OpenSans.ttf) format('truetype');
}

/* Copyright 2020 The Domine Project Authors (https://github.com/googlefonts/domine)
Copyright (c) 2012, Pablo Impallari (www.impallari.com|impallari@gmail.com),
Copyright (c) 2012, Pablo Impallari (www.impallari.com|impallari@gmail.com),
Copyright (c) 2012, Rodrigo Fuenzalida (www.rfuenzalida.com|hello@rfuenzalida.com),
Copyright (c) 2012, Brenda Gallo (gbrenda1987@gmail.com), with Reserved Font Name Domine. */

@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: normal;
  src: url(../font/Domine.ttf) format('truetype');
}

/* Copyright (c) 2011, Dan Sayers (i@iotic.com),
with Reserved Font Name 'Averia' and 'Averia Libre'. */

@font-face {
  font-family: 'Averia Serif Libre';
  font-style: italic;
  font-weight: normal;
  src: url(../font/AveriaSerifLibre-Italic.ttf) format('truetype');
}


/* CSS-BASIC
----------------------------------------------------------------------------------------- */

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


html,
body {
	height: 100%;
	width: 100%;
   text-align: center;
}

html {
	font-size: 10px;
/*	   -webkit-text-size-adjust: 100%;    */
   	-ms-text-size-adjust: 100%;
}

body {
	background: #fff;
	color: #555;
	font-family: 'Open Sans', sans-serif;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
/*	-moz-osx-font-smoothing: grayscale;    */
}

p,
ul,
ol {
	margin-bottom: 30px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	text-rendering: optimizeLegibility;
}

a {
	color: #008062;
	padding-bottom: 2px;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	color: #c00;
   opacity: .8;
}

b,
strong {
	font-weight: 700;
}

::-moz-selection {
	background: #29b092;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #29b092;
	color: #fff;
	text-shadow: none;
}

/* CSS-EXTRAS
----------------------------------------------------------------------------------------- */

.ghost {
	border: 1px solid #555;
	background: transparent;
	color: #555;
}

.table {
	display: table;
	position: relative;
	width: 100%; height: 100%;
	z-index: 20;
}

.cell {
	display: table-cell;
	vertical-align: middle;
	width: 100%; height: 100%;
}

.container {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0px;
   opacity: 1;
}

.top {
	position: fixed;
	background: #29b092 url(../img/top-arrow.svg) no-repeat center 50%;
	background: #900 url(../img/top-arrow.svg) no-repeat center 50%;
	display: inline-block;
	opacity: 1;
	padding: 0;
	border: 0;
	right: 20px; bottom: 20px;
	width: 40px; height: 40px;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.top.is-visible,
.top.fade-out,
.no-touch .top:hover {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.top.is-visible {
  opacity: 1;
  visibility: visible;
}

.top.fade-out {
  opacity: .5;
}

.no-touch .top:hover {
  opacity: 1;
}

.rubrik1 {
   position: relative;
   float: left;
   text-align: center;
   width: 100%; height: 40px;
}

.rubrik2 { 
   position: absolute;
   text-align: center;
   left: 0; top: 0; width: 100%; height: 40px;
   border-bottom: 1px solid #555;
}

.rubrik3 {
   position: relative;
   top: 30px; height: 40px;
   padding: 10px 20px;
   font-size: 1.8rem; 
   font-family: 'Open Sans', sans-serif;
   color: #900;
   border: 1px solid #555;
   border-right: 2px solid #900;
   border-bottom: 2px solid #900;
   background-color: white;
}


/* CSS-LAYOUT
----------------------------------------------------------------------------------------- */

.navigation,
.kopf,
.seite-text {
	position: relative;
   float: left;
   text-align: center;
   max-width: 1000px; 
   margin: 0 auto;
	padding: 0px;
	background: #fff;
}

.seite-text {
	padding: 0px;
   margin-top:130px;
}

.seite-text h3 {
	font-size: 1.8rem;
	margin: -60px 0 20px 0;
}

.seite-text h3 span {
	margin-right: 5px;
}

.seite-text h4 {
	font-family: 'Domine', serif;
	font-size: 1.4rem;
   line-height: 2.2rem;
   max-width: 650px;
   margin: -15px auto 100px auto;
   color: #030;
}

.seite-text ul {
	font-size: 1.5rem;
	list-style: square outside;
	margin-bottom: 15px;
	padding: 0;
}

.reflink {
   margin:60px auto; color: #900; 
   font-size: 1.5rem; font-family: 'Open Sans', sans-serif;
   border: 0px solid #0f0;
}

.reflink a {
   color: #900; 
}

.reflink a:hover {
   color: #090; 
}

.reflink a:visited {
   color: #090; 
}

/* NAVIGATION --------------------------------------------------------------------------- */

.navigation {
	position: relative;
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 5.75rem;
	top: 0;
	width: 100%;
	padding: 0;
	z-index: 9999;
}

.navigation .container {
	padding: 0;
}

.kopf-name {
	float: left;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 3.5rem;
	width: 100%;
	margin: 10px 0 0 6px;
   border: 0px solid #00f;
   text-align:left;
}

.kopf-name a span {
	color: #900;
	font-weight: 400;
}

.kopf-name a {
	border: 0;
	color: #900;
	padding: 0;
}

.kopf-name a:hover span,
.kopf-name a:hover {
	color: #fb6;
	color: #e94;
	opacity: 1;
}

.kopf {
	position: relative;
	background: url(../img/bioinst_klein.png) top center no-repeat;
 	background-size: cover;
	color: #fff;
	padding: 55px 0 60px;
	top: 0;
	z-index: 10;
}

.kopf.table {
	height: auto;
}

.kopf-overlay {
	position: absolute;
	background: rgba(0,0,0,0.3);
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 20;
}

.hgroup {
	position: relative;
   margin: 0 auto;
	z-index: 40;
}


.menuklein {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 50px;
   text-align: right;
	color: #900;
	font-size: 2rem;
	display: block;
	border: 0px solid #0f0;
	padding: 0 20px;
   font-weight: 700;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}

.menuklein span {
/*	position: relative;*/
	top: 2px;
}

.menugross {
	position: absolute;
   top: 10px;
   right: 10px;
	width: 200px;
	margin: 0;
	padding: 0;
   background: #1b715e;
	background: #fb6;
	display: none;
	list-style: none;
}

.menugross li {
	float: none;
	display: block;
	margin: 0;
	padding: 0;
   line-height: 3.8rem;
}

.menugross a {
	border: 0px solid #000;
	color: #29b092;
	color: #fff;
	display: block;
	margin: 0;
	padding: 0;
}

.menugross a:hover,
.menugross a.active,
.menugross li.current a {
	background: #29b092 !important;
	background: #600 !important;
	color: #fff !important;
	opacity: 1 !important;
}


/* ABOUT -------------------------------------------------------------------------------- */

.container h4 {
   position: relative;
   margin-top: -20px; margin-left: 20px;
	font-family: 'Domine', serif;
	font-size: 1.4rem; line-height: 2.4rem;
}

.txt {
	font-size: 1.4rem;
   margin: 10px auto;
   color: #333;
}

#haftung {
   margin: 20px auto;
   padding-bottom: 20px;
   line-height: 2.0rem;
   border: 0px solid #0f0;
}

.datenschutz {
   width: 300px;
   margin: 10px auto;
   padding: 5px 10px;
   color: #008062;
   background-color: #ccc;
   border: 1px solid #999;
}

.datenschutz:hover {
   background-color: #fb6;
   border: 1px solid #c00;
   border-right: 2px solid #c00;
   border-bottom: 2px solid #c00;
}



/* MEDIA-QUERIES
----------------------------------------------------------------------------------------- */

/* < 480px ------------------------------------------------------------------------------ */

@media screen and (max-width: 480px) {

	.kopf #logo {
      position: absolute;
      top:10px; right:10px;
      width: 100px;
	}

	.kopf h4 {
      position:absolute; top: -20px; left: 0px;
		font-family: 'Domine', serif;
		font-size: 1.2rem; line-height:2.0rem;
	}

	.kopf h1 {
      font-family: 'Averia Serif Libre', cursive;
		font-size: 2.2rem;
      margin: 70px auto 10px;
	}

	.kopf #kasten {
		font-family: 'Open Sans', sans-serif;
		font-size: 1.4rem; line-height: 2.1rem;
      float: left;
      margin: 20px 10px 0px 10px;
      padding: 10px 10px 10px 10px
	}

	.kopf #kasten p {
      margin: 9px 0;
      font-size: 1.4rem; line-height: 2.1rem;
	}

	.kopf #bio {
      float: right; width: 180px;
      margin: 20px 0px 10px 10px;
	}
   
   .seite-text {
/*      width: 320px; border:0px solid #000;*/
      width: 100%; border:0px solid #000;
   }
   
   #referenzen {
      margin-bottom: 40px;
   }
   
	.seite-text #firmengeschichte {
      float: right; width: 200px;
      margin: 20px 0px 10px 10px;
	}

	.seite-text #buecher {
      float: right; width: 200px;
      margin: 10px 0px 10px 10px;
	}

	.seite-text #maedchen {
      float: right; width: 190px;
      margin: 10px 0px 10px 10px;
	}

	.seite-text #familie {
      float: right; width: 210px;
      margin: 10px 0px 10px 10px;
	}

	.seite-text #buecher-2 {
      float: right; width: 180px;
      margin: 10px 0px 10px 5px;
	}

	.seite-text #maria {
      float: right; width: 200px;
      margin: 20px 0px 10px 5px;
	}

	.seite-text #frau-buch {
      float: right; width: 200px;
      margin: 10px 0px 10px 10px;
	}

   .seite-text h4 {
	   font-family: 'Domine', serif;
   	font-size: 1.4rem; line-height: 2.2rem;
      max-width: 400px;
      margin: -15px auto 100px auto;
      color: #030;
   }

   .txt {
	   font-size: 1.4rem; line-height: 2.4rem;
      width: 100%;
      margin: 10px;
      color: #333;
   }

   .txt p {
	   margin: 10px 0px 0px 0px;
   }

   .txt li {
	   margin-left: 15px;
   }

   .refbox {
      position: relative; float: left; width: 100%; background-color: #fb6; 
      margin-top: -60px;
   }

   #refkast01,
   #refkast02,
   #refkast03,
   #refkast04,
   #refkast05,
   #refkast06,
   #refkast07,
   #refkast08,
   #refkast09,
   #refkast10,
   #refkast11,
   #refkast12,
   #refkast13,
   #refkast14,
   #refkast15,
   #refkast16,
   #refkast17 {
      position: relative; float: left; width:100%; text-align: left;
      border: 0px solid #000;
   }

   .refcover {
      display: none;
   }

   .reftext {
      position: relative; float: left; margin-right: 20px; margin-left: 20px; 
      text-align: left; padding-right: 15px; line-height: 2rem; color: #902;
   }

   .reftext h5 {
      margin-bottom: 20px; color: #902; font-size: 1.6rem;
   }

   .reftext h6 {
      margin-bottom: 20px; color: #902; font-size: 1.5rem;
   }

   #kruemmelleiste {
      position: relative; float: left; margin: 20px auto 20px 30px; width: 85%;
   }

   #kbar {
      position: absolute; left: 0px; width: 20px; height:4px; text-align: right; 
      color: #000; background-color: #fff; display: inline;
   }

   .pfeillinks {
      position: absolute; top: 350px; left: -15px; 
   }

   .pfeilrechts {
      position: absolute; top: 350px; right: 5px; 
   }

}

/* > 480px ------------------------------------------------------------------------------ */

@media screen and (min-width: 480px) {

	.kopf {
		min-height: 350px;
		max-height: 650px;
	}

	.kopf #logo {
      position: absolute;
      top: 10px; right: 10px;
      width: 120px;
	}

	.kopf h4 {
      position:absolute; top: -20px; left: 20px;
		font-family: 'Domine', serif;
		font-size: 1.5rem; line-height:2.4rem;
	}

	.kopf h1 {
      font-family: 'Averia Serif Libre', cursive;
      font-size: 2.4rem;
      margin: 90px auto 10px auto;
	}

	.kopf #kasten {
		font-family: 'Open Sans', sans-serif;
		font-size: 1.4rem; line-height: 2.1rem;
      float: left;
      margin: 20px 10px 0px 10px;
      padding: 10px 15px 10px 15px;
	}

	.kopf #kasten p {
      margin: 12px 0;
      font-size: 1.4rem; line-height: 2.1rem;
	}

	.kopf #bio {
      float: right; width: 200px;
      margin: 20px 0px 10px 20px;
	}
   
   .seite-text {
/*      width: 550px;*/
      width: 100%; border:0px solid #000;
   }
   
   #referenzen {
      margin-bottom: 40px;
   }

	.seite-text #firmengeschichte {
      float: right; width: 250px;
      margin: 20px 0px 20px 10px;
	}

	.seite-text #buecher {
      float: right; width: 250px;
      margin: 10px 0px 10px 20px;
	}

	.seite-text #maedchen {
      float: right; width: 250px;
      margin: 10px 0px 10px 10px;
	}

	.seite-text #familie {
      float: right; width: 250px;
      margin: 10px 0px 20px 20px;
	}

	.seite-text #buecher-2 {
      float: right; width: 250px;
      margin: 20px 0px 10px 20px;
	}

	.seite-text #maria {
      float: right; width: 250px;
      margin: 40px 0px 30px 20px;
	}

	.seite-text #frau-buch {
      float: right; width: 250px;
      margin: 10px 0px 10px 10px;
	}

   .seite-text h4 {
	   font-family: 'Domine', serif;
   	font-size: 1.4rem;
      line-height: 2.2rem;
      max-width: 400px;
      margin: -15px auto 100px auto;
      color: #030;
   }

   .txt {
	   font-size: 1.4rem; line-height: 2.4rem;
      width: 100%;
      margin: 10px;
      color: #333;
   }

   .txt p {
	   margin: 10px 10px 0 10px;
   }

   .txt li {
	   margin-left: 25px;
   }

   .refbox {
      position: relative; float: left; width: 100%; background-color: #fb6; 
      margin-top: -60px;
   }

   #refkast01,
   #refkast02,
   #refkast03,
   #refkast04,
   #refkast05,
   #refkast06,
   #refkast07,
   #refkast08,
   #refkast09,
   #refkast10,
   #refkast11,
   #refkast12,
   #refkast13,
   #refkast14,
   #refkast15,
   #refkast16,
   #refkast17 {
      position: relative; float: left; width:100%; margin: 0 auto; display: inline;
   }

   .refcover {
      display: none;
   }

   .reftext {
      position: relative; float: left; margin-right: 20px; margin-left: 30px; 
      text-align: left; padding-right: 20px; color: #902;
   }

   .reftext h5 {
      margin-bottom: 10px; color: #902; font-size: 1.6rem;
   }

   .reftext h6 {
      margin-bottom: 20px; color: #902; font-size: 1.4rem;
   }

   #kruemmelleiste {
      position: relative; float: left; margin: 20px auto 20px 30px; width: 90%;
   }

   #kbar {
      position: absolute; left: 0px; width: 20px; height:4px; text-align: right; 
      background-color: #fff; display: inline;
   }

   .pfeillinks {
      position: absolute; top: 250px; left: 0px;
   }

   .pfeilrechts {
      position: absolute; top: 250px; right: 5px;
   }

}

/* 760px -------------------------------------------------------------------------------- */

@media screen and (min-width: 760px) {

	.kopf {
		min-height: 750px;
		max-height: 850px;
	}

	.kopf #logo {
      position: absolute;
      top: 10px; right: 50px;
      width: 180px;
	}

	.kopf h4 {
      position: absolute; top: 0px; left: 40px;
		font-family: 'Domine', serif;
		font-size: 1.7rem; line-height:2.4rem;
	}

	.kopf h1 {
      font-family: 'Averia Serif Libre', cursive;
		font-size: 3rem;
      margin: 15px auto 35px auto;
      width: 700px;
	}

	.kopf #kasten {
		font-family: 'Open Sans', sans-serif;
		font-size: 1.5rem; line-height: 2.2rem;
      float: none;
      margin: 35px auto 0px auto;
      padding: 20px;
      width: 700px;
	}

	.kopf #kasten p {
      margin: 12px 0;
      font-size: 1.5rem; line-height: 2.2rem;
	}

	.kopf #bio {
      float: right; width: 300px;
      margin: 20px 0px 10px 20px;
	}
   
   #referenzen {
      margin-bottom: 40px;
   }
   
   .seite-text {
/*      width: 760px;*/
      width: 100%; border:0px solid #000;
   }

	.seite-text #firmengeschichte {
      float: right; width: 400px;
      margin: 20px 0px 10px 10px;
	}

	.seite-text #buecher {
      float: right; width: 400px;
      margin: 10px 0px 10px 20px;
	}

	.seite-text #maedchen {
      float: right; width: 400px;
      margin: 10px 0px 10px 20px;
	}

	.seite-text #familie {
      float: right; width: 400px;
      margin: 10px 0px 10px 20px;
	}

	.seite-text #buecher-2 {
      float: right; width: 400px;
      margin: 20px 0px 10px 20px;
	}

	.seite-text #maria {
      float: right; width: 400px;
      margin: 20px 0px 10px 20px;
	}

	.seite-text #frau-buch {
      float: right; width: 300px;
      margin: 10px 0px 10px 20px;
	}

   .txt {
	   font-size: 1.4rem; line-height: 2.4rem;
      width: 100%;
      margin: 10px auto 0 auto;
/*      width:760px;*/
      color: #333;
   }

   .txt p {
	   margin: 10px 0px 0px 0px;
   }

   .txt li {
	   margin-left: 15px;
   }

   .refbox {
      position: relative; float: left; width: 100%; background-color: #fb6; 
      margin-top: -60px;
   }

   #refkast01,
   #refkast02,
   #refkast03,
   #refkast04,
   #refkast05,
   #refkast06,
   #refkast07,
   #refkast08,
   #refkast09,
   #refkast10,
   #refkast11,
   #refkast12,
   #refkast13,
   #refkast14,
   #refkast15,
   #refkast16,
   #refkast17 {
      position: relative; float: left; width:100%; text-align: left; display: inline; 
      background-color: #fb6;
   }

   .refcover {
      display: none;
   }

   .reftext {
      position: relative; float: left; margin-right: 30px; margin-left: 40px;
      padding-right: 30px; text-align: left; color: #902; border: 0px solid #000;
   }

   .reftext h5 {
      margin-bottom: 10px; color: #902; font-size: 1.6rem;
   }

   .reftext h6 {
      margin-bottom: 20px; color: #902; font-size: 1.4rem;
   }

   #kruemmelleiste {
      position: relative; float: left; margin: 20px auto 50px 40px; width: 85%;
   }

   #kbar {
      position: absolute; left: 0px; width: 20px; height:4px; text-align: right; 
      background-color: #fff; display: inline;
   }

   .pfeillinks {
      position: absolute; top: 80px; left: 0px;
   }

   .pfeilrechts {
      position: absolute; top: 80px; right: 5px;
   }

}

/* 960px -------------------------------------------------------------------------------- */

@media screen and (min-width: 960px) {

	.kopf {
		position: relative;
	   background-image: url(../img/bioinst_mittel.png);
		background-size: cover;
		min-height: 660px;
		max-height: 700px;
		text-align: center;
	}

	.kopf.table {
		height: 100%;
	}

	.kopf #logo {
      position: absolute;
      top: 10px; right: 60px;
      width: 200px;
	}

	.kopf h4 {
      position: absolute; top: 20px; left: 40px;
		font-family: 'Domine', serif;
		font-size: 1.7rem; line-height: 2.5rem;
	}

	.kopf h1 {
      font-family: 'Averia Serif Libre', cursive;
		font-size: 3rem;
      margin: 60px auto 35px auto;
      width: 800px;
	}

	.kopf #kasten {
		font-family: 'Open Sans', sans-serif;
		font-size: 1.5rem; line-height: 2.2rem;
      margin: 35px auto 0px auto;
      padding: 20px;
      width: 800px;
	}

	.kopf #kasten p {
      margin: 12px 0;
      font-size: 1.5rem; line-height: 2.2rem;
	}

	.kopf #bio {
      float: right; width: 300px;
      margin: 20px 0px 10px 20px;
	}
   
   .seite-text {
/*      width: 960px;*/
      width: 90%; margin-left: 20px;
      border:0px solid #000;
   }
   
   #referenzen {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 40px;
   }
   
	.seite-text #firmengeschichte {
      float: right; width: 500px;
      margin: 20px 0px 20px 20px;
	}

	.seite-text #buecher {
      float: right; width: 400px;
      margin: 10px 0px 30px 30px;
	}

	.seite-text #maedchen {
      float: right; width: 400px;
      margin: 10px 0px 30px 30px;
	}

	.seite-text #familie {
      float: right; width: 400px;
      margin: 10px 0px 20px 30px;
	}

	.seite-text #buecher-2 {
      float: right; width: 400px;
      margin: 20px 0px 80px 20px;
	}

	.seite-text #maria {
      float: right; width: 400px;
      margin: 20px 0px 10px 30px;
	}

	.seite-text #frau-buch {
      float: right; width: 300px;
      margin: 10px 0px 10px 20px;
	}

   .txt {
	   font-size: 1.4rem; line-height: 2.4rem;
      width: 100%;
      margin: 10px auto 0 auto;
      color: #333;
   }

   .txt p {
	   margin: 40px 0px 20px 0px;
   }

   .txt li {
	   margin-left: 15px;
   }

   .refbox {
      position: relative; float: left; width: 97%; margin-top: -60px; margin-left:1%; 
      background-color: #fb6; border: 0px dotted #0f0;
   }

   #refkast01,
   #refkast02,
   #refkast03,
   #refkast04,
   #refkast05,
   #refkast06,
   #refkast07,
   #refkast08,
   #refkast09,
   #refkast10,
   #refkast11,
   #refkast12,
   #refkast13,
   #refkast14,
   #refkast15,
   #refkast16,
   #refkast17 {
      position: relative; float: left; width: 100%; text-align: left; display: inline;
      background-color: #fb6; border: 0px dotted #c00;
   }

   .refcover {
      float: left; margin-top: 0px; margin-left: 30px; width: 220px; display: block;
   }

   .reftext {
      position: relative; float: left; width: 68%; margin-right: 0px; margin-left: 2%; 
      padding-right: 0px; text-align: left; color: #902;
      border: 0px dotted #fff;
   }

   .reftext h5 {
      margin-bottom: 10px; color: #902; font-size: 1.6rem;
   }

   .reftext h6 {
      margin-bottom: 20px; color: #902; font-size: 1.3rem;
   }

   #kruemmelleiste {
      position: relative; float: left; margin: 20px auto 30px 290px; width: 65%;
   }

   #kbar {
      position: absolute; left: 0px; width: 20px; height:4px; text-align: right; 
      background-color: #fff; display: inline;
   }

   .refbox .pfeillinks {
      position: absolute; top: 100px; left: -10px;
   }

   .refbox .pfeilrechts {
      position: absolute; top: 100px; right: -25px;
   }

   .seite-text p {
	   margin-top: -10px;
   }

	.navigation {
		position: fixed;
		position: relative;
		border-bottom: 1px solid #ddd;
		font-size: 1.6rem;
		font-weight: 400;
	}

	.navigation .container {
		padding: 0 20px;
	}

	.menuklein {
		display: none;
	}

	.menugross {
		background: transparent;
		display: block !important;
		float: right;
		width: inherit;
	}

	.menugross li {
		float: left;
		display: inline-block;
		margin: 0 0 0 30px;
	}

	.menugross a {
		border-top: 4px solid #900;
		color: #900;
		opacity: 1;
	}

	.menugross a,
	.kopf .ghost {
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.menugross a:hover,
	.menugross a.active,
	.menugross li.current a {
		background: transparent !important;
		border-top: 4px solid #e94;
      color: #29b092 !important;
      color: #e94 !important;
		opacity: 1 !important;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}

}