.widthheight {width: auto;position: fixed;bottom: 0;left: 0;padding: 1em;margin: 0;line-height: 1em;background-color: rgba(255,255,255,0.5);}
.widthheight p {margin:0;}

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), url("../fonts/raleway.woff") format("woff");
}
@font-face {
  font-family: "Tangerine";
  font-style: normal;
  font-weight: 400;
  src: local("Tangerine"), url("../fonts/tangerine.woff") format("woff");
}
@font-face {
  font-family: "Tangerine";
  font-style: normal;
  font-weight: 700;
  src: local("Tangerine Bold"), local("Tangerine-Bold"), url("../fonts/tangerine-bold.woff") format("woff");
}

/***CLEARFIX***/
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix {display:inline-block;}html[xmlns].clearfix {display:block;}* html .clearfix {height:1%;zoom:1;}*:first-child+html.clearfix {zoom:1;}


body {
	font-family: 'Raleway',sans-serif;
	font-size: 1em;
	color: #1F3331;
	margin: 0;
	padding: 0;
	background-color: #FFF5CC;
}

.produktmenu {
	width: 100%;
	padding: 1em 0;
	border-top: 1px solid #7BCCC4;
	display: none;
}
.produktmenu ul {
	margin: 0;
	padding: 0;
}
.produktmenu li {
	width: 20%;
	display: block;
	float: left;
	list-style: none;
}
.produktmenu li:hover {
	background-color: #F2E8C1;
}
.produktmenu li:hover a{
	color: #B26BAC;
}
.produktmenu li:hover img{
}
.produktmenu a {
	width: 100%;
	height: auto;
	display: block;
	color: #7BCCC4;
	text-decoration: none;
}
.produktmenu img {
	width: 80%;
	margin: 10% 10% 2%;
	border-radius: 50%;
}
.produktmenu h1 {
	width: 100%;
	margin: 0.2em 0 1em;
	font-family: 'Raleway', serif;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 120%; /* 3em * 100% / 2,5em */
	text-align: center;
}


.logo {
	max-width: 31.25em;
	margin: 2em auto;
}
.logo img {
	max-width: 100%;
}

.hauptmenu {
	width: 40em;
	height: 3em;
	margin: 1em auto 0;
	padding: 0;
}
.hauptmenu li {
	width: 25%;
	display: block;
	float: left;
	text-align: center;
}
.hauptmenu a {
	display: block;
	line-height: 3em;
	padding: 0;
	
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	color: #7BCCC4;
	text-decoration: none;
}
.hauptmenu a:hover {
	color: #B26BAC;
	background-color: rgba(0,0,0,0.03);
}
.hauptmenu a.active {
	color: #B26BAC;
	background-color: rgba(0,0,0,0.03);
}
.hauptmenu i {
	margin: 0 0.5em;
}
.hauptmenubutton {
	width: auto;
	height: 2em;
	line-height: 2em;
	text-align: center;
	
	color: #7BCCC4;
	background-color: rgba(0,0,0,0.03);
	cursor: pointer;
	display: none;
}

.streifen {
	width: 100%;
	height: 3em;
	
	background-color: #7BCCC4;
}
.streifen h1 {
	margin: 0;
	font-family: 'Tangerine', serif;
	font-size: 2.5em;
	font-weight: 400;
	line-height: 120%; /* 3em * 100% / 2,5em */
	text-align: center;
}


.jssora06l, .jssora06r, .jssora06ldn, .jssora06rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../img/slideshow/a02.png) no-repeat;
	overflow:hidden;
}
.jssora06l { background-position: -8px -38px; }
.jssora06r { background-position: -68px -38px; }
.jssora06l:hover { background-position: -128px -38px; }
.jssora06r:hover { background-position: -188px -38px; }
.jssora06ldn { background-position: -248px -38px; }
.jssora06rdn { background-position: -308px -38px; }

.jssorb10 div, .jssorb10 div:hover, .jssorb10 .av {
	background: url(../img/slideshow/b10_neu.png) no-repeat;
	overflow:hidden;
	cursor: pointer;
}
.jssorb10 div { background-position: -10px -10px; }
.jssorb10 div:hover, .jssorb10 .av:hover { background-position: -40px -10px; }
.jssorb10 .av { background-position: -70px -10px; }
.jssorb10 .dn, .jssorb10 .dn:hover { background-position: -100px -10px; }





.inhalt {
	width: 100%;
	text-align: center;
}
.strich {
	border-bottom: 1px solid #7BCCC4;
	margin: 5em 0;
}


.textblock {
	width: 100%;
	max-width: 60em;
	height: auto;	
}
.tbueberschrift {
	height: auto;
	min-height: 2em;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}
.tb-zentriert .tbueberschrift {
	width: 100%;
	margin: 1em 0 0 0;
}
.tb-links .tbueberschrift {
	width: 62.5%;
	padding-left: 2.5%;
	float: right;
	text-align: left;
}
.tb-rechts .tbueberschrift {
	width: 62.5%;
	padding-left: 2.5%;
	float: left;
	text-align: left;
}
.tbtext {
	width: 65%;
	text-align: left;
}
.tb-zentriert .tbtext {
	width: 100%;
	text-align: center;
}
.tb-links .tbtext {
	float: right;
}
.tb-rechts .tbtext {
	float: left;
}
.tbbild {
	width: 30%;
	margin: 0 2.5% 1em;
}
.tb-links .tbbild {
	float: left;
}
.tb-rechts .tbbild {
	float: right;
}


.textblock h1 {
	margin: 0;
	line-height: 2em;
	
	font-family: 'Tangerine', serif;
	font-size: 2.5em;
	font-weight: 400;
	letter-spacing: 0.08em;
}
.tbueberschrift-hover:hover {
	border-top-left-radius: 0.3em;
	border-top-right-radius: 0.3em;
	background-color: rgba(0,0,0,0.03);
}
.textblock p {
	line-height: 1.5em;
	margin: 1em;
}
.textblock a {
	color: #7BCCC4;
	text-decoration: none;
}
.textblock a:hover {
	color: #B26BAC;
}

.textblock img {
	width: 100%;
	border-radius: 50%;
}